@font-face {
    font-family: 'Semplicita Pro';
    src: url('/fonts/semplicita-bold.woff2') format('woff2');
  }
  @font-face {
    font-family: 'BlizQuadrataWeb';
    src: url('/fonts/blizz-quadrata.woff2') format('woff2');
  }
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-Light.woff') format('woff');
      font-weight: 300;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-Light.woff') format('woff');
      font-weight: 300;
      font-style: italic;
  }
  
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-Regular.woff') format('woff');
      font-weight: 400;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-Regular.woff') format('woff');
      font-weight: 400;
      font-style: italic;
  }
  
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-Semibold.woff') format('woff');
      font-weight: 600;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-Semibold.woff') format('woff');
      font-weight: 600;
      font-style: italic;
  }
  
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-BoldItalic.woff') format('woff');
      font-weight: 700;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-BoldItalic.woff') format('woff');
      font-weight: 700;
      font-style: italic
  }
  
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-ExtraBold.woff') format('woff');
      font-weight: 800;
      font-style: normal
  }
  
  @font-face {
      font-family: 'Open Sans';
      src: url('/fonts/OpenSans-ExtraBold.woff') format('woff');
      font-weight: 800;
      font-style: italic
  }
  
  
  ::selection {
      background-color: #211510;
      color: #fff;
  }
  
  h1 {
      font-size: 2em;
      margin: .67em 0;
  }
  
  *, :after, :before {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
  }
  
  #store-root  * {
      box-sizing: border-box;
  }
  #store-root img {
      vertical-align: middle;
      border-style: none;
  }
  
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
      margin-bottom: .5rem;
      font-family: inherit;
      font-weight: 500;
      line-height: 1.2;
      color: inherit;
  }
  
  .h4, h4 {
      font-size: 2rem;
  }
  
  .h1, h1 {
      font-size: 3rem;
  }
  
  a {
      background-color: transparent;
  }
  
  a {
      color: inherit;
      text-decoration: none;
  }
  
  
  a:active, html:not(.touch) a:hover {
      outline: none;
  }
  
  html {
      font-family: sans-serif;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
  }
  
  body {
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "kern" 1,"kern";
      font-feature-settings: "kern" 1,"kern";
      -webkit-font-kerning: normal;
      font-kerning: normal;
  }
  
  body, html {
      color: #fff;
      font-weight: 400;
      font-family: Open Sans,Arial,Helvetica,sans-serif;
      font-size: 12px;
      line-height: 1.2em;
      background: #090b15;
      min-height: 100%;
      min-width: 320px;
  }
  
  
  body {
      margin: 0;
  }
  
  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
      display: block;
  }
  
  body {
      overflow-y: scroll;
  }
  
  audio, canvas, progress, video {
      display: inline-block;
      vertical-align: baseline;
  }
  
  .z-index-above {
      z-index: 1;
  }
  
  .padding-bottom-huge {
      padding-bottom: 100px!important;
  }
  
  .margin-bottom-large {
      margin-bottom: 60px!important;
  }
  
  .padding-top-huge {
      padding-top: 100px!important;
  }
  
  .Content {
      overflow: hidden;
  }
  
  .Content a {
      color: #f8b700!important;
  }
  
  ul, ol {
      padding: 0;
  }
  
  dl {
      margin-top: 0;
  }
  
  dd {
      margin-bottom: 1rem;
      margin-left: 0;
  }
  
  ul {
      list-style: disc;
  }
  
  .cant-login-options {
      margin: 0;
  }
  
  .control-group.separated {
      margin-top: 2em;
  }
  
  li {
      line-height: 20px;
      margin: 0 0 20.625px 0;
  }
  
  .cant-login-options li {
      display: block;
      float: left;
      list-style-type: none;
      margin: 0 0 0 10px;
      padding-left: 0;
  }
  
  .cant-login-options li.option-forgot-password {
      margin-left: 0;
  }
  
  .cant-login-options li a {
      background-color: rgba(0, 174, 255, 0.3);
      border: 1px solid rgba(0, 174, 255, 0.5);
      border-radius: 2px;
      display: block;
      width: 170px;
      height: 190px;
      position: relative;
      overflow: hidden;
  }
  
  .cant-login-options li a:hover {
      background-color: rgba(0, 174, 255, 0.7);
  }
  
  .option-forgot-password a {
      color: #00aeff;
      transition: color 0.2s;
  }
  
  .cant-login-options li a span {
      display: block;
      text-align: center;
  }
  
  .cant-login-options li a span.icon {
      background: url(/resources/cant-login-icons.png) no-repeat 0 0;
      width: 160px;
      height: 115px;
      margin: 10px auto 0;
  }
  
  .cant-login-options li a span.icon.forgot-password {
      background-position: -480px -120px;
  }
  
  .cant-login-options li a span.option {
      padding: 0 10px;
      color: #ffffff;
  }
  
  .font-bliz-light-small-beige {
      font-size: 1.08rem;
      line-height: 1.5;
      font-family: Open Sans,Arial,Helvetica,sans-serif;
      color: #ebdec2;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
      font-weight: 400;
  }
  
  @media (min-width: 720px){
  .font-bliz-light-small-beige {
      font-size: 1.224rem;
  }
  }
  
  @media (min-width: 1280px){
  .font-bliz-light-small-beige {
      font-size: 1.44rem;
  }
  }
  
  .font-semp-small-white {
      font-size: 1.08rem;
      line-height: 1.5;
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      color: #fff;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
      font-weight: 700;
  }
  
  @media (min-width: 720px){
  .font-semp-small-white {
      font-size: 1.224rem;
  }
  }
  
  @media (min-width: 1280px){
  .font-semp-small-white {
      font-size: 1.44rem;
  }
  }
  
  .fontFamily-blizzard {
      font-family: Open Sans,Arial,Helvetica,sans-serif;
  }
  
  .hide {
      display: none !important;
  }
  
  .VideoPane {
      color: #fff;
      display: block;
      position: relative;
  }
  
  .VideoPane:after {
      content: "";
      display: table;
      clear: both;
  }
  
  .VideoPane-bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #000;
      overflow: hidden;
  }
  
  .VideoPane-video {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      height: auto;
      min-height: 100%;
      min-width: 100%;
      width: auto;
  }
  
  .VideoPane--disabled .VideoPane-bg>.VideoPane-video {
      display: none;
  }
  
  .VideoPane--fadeBottom .VideoPane-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-box-shadow: inset 0 -180px 200px rgba(0,0,0,.6);
      box-shadow: inset 0 -180px 200px rgba(0,0,0,.6);
  }
  
  .VideoPane-fallback {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: 2400px auto;
      background-color: #000;
      background-position: top;
      background-repeat: no-repeat;
  }
  
  .BackgroundVideo-fallback {
      -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .5s cubic-bezier(.23,1,.32,1) 0s;
      opacity: 0;
      margin: 0;
  }
  
  .VideoPane-content {
      padding: 0 20px;
      position: relative;
      margin: 0 auto;
      max-width: 1560px;
      z-index: 0;
  }
  
  .VideoPane--underSiteNav>.VideoPane-content {
      padding-top: 0;
  }
  
  @media (min-width: 970px){
  .VideoPane--underSiteNav>.VideoPane-content {
      padding-top: 90px;
  }
  }
  
  @media (min-width: 1080px){
  .VideoPane--underSiteNav>.VideoPane-content {
      padding-top: 100px;
  }
  }
  
  @media (min-width: 1280px){
  .VideoPane--underSiteNav>.VideoPane-content {
      padding-top: 105px;
  }
  }
  
  @media (min-width: 1450px){
  .VideoPane--underSiteNav>.VideoPane-content {
      padding-top: 120px;
  }
  }
  
  .gutter-normal {
      padding: 0 20px;
  }
  
  .gutter-normal.gutter-negative {
      padding: 0;
      margin: 0 -20px;
  }
  
  .space-normal {
      height: 20px;
  }
  
  .space-large {
      height: 60px;
  }
  
  .space-huge {
      height: 100px;
  }
  
  
  .align-left {
      text-align: left;
  }
  
  .contain-masthead {
      max-width: 800px;
  }
  
  .contain-masthead, .contain-wide {
      margin-left: auto;
      margin-right: auto;
  }
  
  .contain-left {
      margin-left: 0;
  }
  
  .space-rhythm-medium {
      height: 24px;
  }
  
  .body {
      min-height: 100%;
      overflow: hidden;
      position: relative;
      -webkit-transition: -webkit-filter 333ms cubic-bezier(.4,0,.22,1);
      transition: -webkit-filter 333ms cubic-bezier(.4,0,.22,1);
      transition: filter 333ms cubic-bezier(.4,0,.22,1);
      transition: filter 333ms cubic-bezier(.4,0,.22,1),-webkit-filter 333ms cubic-bezier(.4,0,.22,1);
      z-index: 0;
  }
  
  .body:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0,0,0,.4);
      content: "";
      display: none;
      opacity: 0;
      -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
      transition: opacity 333ms cubic-bezier(.4,0,.22,1);
      z-index: 7;
  }
  
  .body:after {
      content: "";
      display: table;
      clear: both;
  }
  
  .page {
      font-size: 1rem;
      line-height: 1.5;
      background: #000;
      -webkit-box-shadow: 0 0 50px rgba(11,6,4,.8), 0 0 100px rgba(11,6,4,.6), 0 0 500px rgba(11,6,4,.3);
      box-shadow: 0 0 50px rgba(11,6,4,.8), 0 0 100px rgba(11,6,4,.6), 0 0 500px rgba(11,6,4,.3);
      margin: 0 auto;
      max-width: 2400px;
      min-height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative;
      z-index: 0;
  }
  
  .page:after {
      content: "";
      display: table;
      clear: both;
  }
  
  @media (min-width: 720px){
  .page {
      font-size: 1.02rem;
  }
  }
  
  @media (min-width: 1280px) {
  .page {
      font-size: 1.2rem;
  }
  }
  
  .BnetNav {
      position: relative;
      z-index: 5;
  }
  
  .BnetNav.BnetNav--wow {
      background:rgb(18, 18, 27);
      border-bottom: solid;
      border-bottom-color: #3c3c3c;
      height: 40px;
      border-bottom-width: 2px;
  }
  
  .Navbar, .Navbar .Navbar-error {
      font-family: "Open Sans",Helvetica,Arial,sans-serif;
      font-weight: 400;
  }
  
  .Navbar {
      position: relative;
      box-sizing: border-box;
      font-size: 16px;
      line-height: 1.4;
      color: #fff;
      z-index: 1;
  }
  
  @media (min-width: 768px){
  .Navbar.is-auto {
      background-color: #0b0d12;
  }
  }
  
  @media (min-width: 768px){
  .Navbar.is-compact {
      background: none;
  }
  }
  
  .BnetNav .Navbar.is-compact {
      z-index: 5;
  }
  
  @media (max-width: 969px){
  .BnetNav-navbar>.Navbar.is-compact.is-auto {
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
  }
  }
  
  .Navbar a, .Navbar div, .Navbar img, .Navbar nav, .Navbar svg {
      box-sizing: border-box;
      vertical-align: baseline;
  }
  
  .Navbar .Navbar-container {
      position: relative;
      max-width: 1600px;
      margin: 0 auto;
  }
  
  img.Navbar-LogoNelwy-text:hover {
      filter: brightness(1.2);
  }
  
  img.Navbar-LogoNelwy-text {
      margin-left: 50px;
      height: 40px;
      transition-timing-function: ease-in-out;
      transition-duration: 0.20s;
  }
  
  img.LogoDiscord:hover{
      background: #6e85d3;
  }
  
  img.LogoDiscord {
      height: 30px;
      border-radius: 5px;
      margin-bottom: 5px;
      margin-left: 20px;
      transition-timing-function: ease-in-out;
      transition-duration: 0.20s;
      background: #7893af;
  }
  
  img.LogoYoutube:hover{
      background: #ff4037;
  }
  
  img.LogoYoutube {
      height: 30px;
      border-radius: 5px;
      margin-bottom: 5px;
      margin-left: 20px;
      transition-timing-function: ease-in-out;
      transition-duration: 0.20s;
      background: #c18484;
  }
  
  img.LogoTwitter:hover{
      background: #23a2f5;
  }
  
  img.LogoTwitter {
      height: 30px;
      border-radius: 5px;
      margin-bottom: 5px;
      margin-left: 20px;
      transition-timing-function: ease-in-out;
      transition-duration: 0.20s;
      background:#67a7bf;
  }
  
  img.LogoFacebook:hover{
      background: #486fc1;
  }
  
  img.LogoFacebook {
      height: 30px;
      border-radius: 5px;
      margin-bottom: 5px;
      margin-left: 20px;
      transition-timing-function: ease-in-out;
      transition-duration: 0.20s;
      background: #6d85b1;
  }
  
  .SiteNav {
      position: relative;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      z-index: 4;
      height: 0;
  }
  
  @media (max-width: 969px){
  .SiteNav {
      display: none;
  }
  }
  
  .SiteNav-sticky, .space-sitenav {
      height: 0;
  }
  
  @media (min-width: 970px){
  .SiteNav-sticky, .space-sitenav {
      height: 90px;
  }
  }
  
  @media (min-width: 1080px){
  .SiteNav-sticky, .space-sitenav {
      height: 100px;
  }
  }
  
  @media (min-width: 1280px){
  .SiteNav-sticky, .space-sitenav {
      height: 105px;
  }
  }
  @media (min-width: 1450px){
  .SiteNav-sticky, .space-sitenav {
      height: 120px;
  }
  }
  
  .Navbar .Navbar-profileItems {
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
  }
  
  .Navbar .Navbar-desktop .Navbar-profile, .Navbar .Navbar-desktop .Navbar-profileItems {
      right: 30px;
  }
  
  @media (min-width: 960px){
  .Navbar.is-compact .Navbar-desktop .Navbar-profileItems {
      right: 40px;
  }
  }
  
  .Navbar a {
      font-weight: 400;
      text-transform: none;
  }
  
  .Navbar .is-noSelect {
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  
  .Navbar:not(.keyboardMode) [tabindex], .Navbar:not(.keyboardMode) a {
      outline-style: none;
  }
  
  .Navbar .Navbar-desktop .Navbar-item {
      position: relative;
      display: inline-block;
      height: 60px;
      padding: 0;
      font-family: Blizzard,Helvetica,Arial,sans-serif;
      font-size: 17px;
      line-height: 1.4;
      color: rgba(255,255,255,.7);
      background: 0 0;
      white-space: nowrap;
      transition: color .2s,background-color .2s,border-color .2s;
  }
  
  .Navbar .Navbar-desktop .Navbar-item.Navbar-modalToggle {
      cursor: pointer;
  }
  
  .Navbar .Navbar-desktop .Navbar-profileItems .Navbar-item {
      margin-left: 20px;
      font-size: 15px;
      line-height: 1.4;
  }
  
  @media (min-width: 960px){
  .Navbar .Navbar-desktop .Navbar-profileItems .Navbar-item {
      margin-left: 30px;
  }
  }
  
  .Navbar.is-compact .Navbar-desktop .Navbar-item {
      height: 40px;
      font-size: 15px;
  }
  
  .Navbar .Navbar-icon {
      position: relative;
      height: 24px;
      width: 24px;
  }
  
  .Navbar .Navbar-desktop .Navbar-employeeIcon {
      display: none;
      width: 24px;
      height: 1px;
      margin-right: 5px;
      color: #00aeff;
  }
  
  
  .Navbar .Navbar-desktop .Navbar-item .Navbar-label {
      display: inline-block;
      line-height: 60px;
      height: 60px;
  }
  
  .Navbar .Navbar-desktop .Navbar-item .Navbar-label.Navbar-accountUnauthenticated {
      display: inline-block;
  }
  
  .Navbar.is-compact .Navbar-desktop .Navbar-item .Navbar-label {
      height: 40px;
      line-height: 40px;
  }
  .Navbar-label.Navbar-accountAuthenticated
  {
      text-transform: lowercase;
  }
  
  .Navbar-label.Navbar-accountAuthenticated::first-letter
  {
      text-transform: uppercase;
  }
  
  .Navbar.is-authenticated .Navbar-desktop .Navbar-item .Navbar-label.Navbar-accountUnauthenticated {
      display: none;
  }
  
  .Navbar .Navbar-desktop .Navbar-item .Navbar-label.Navbar-accountAuthenticated {
      display: none;
  }
  
  .Navbar.is-authenticated .Navbar-desktop .Navbar-item .Navbar-label.Navbar-accountAuthenticated, .Navbar.is-authenticated.is-employee .Navbar-desktop .Navbar-employeeIcon, .Navbar.is-support-active .Navbar-support .Navbar-supportCounter {
      display: inline-block;
  }
  
  .Navbar .Navbar-desktop .Navbar-item .Navbar-dropdownIcon {
      display: inline-block;
      width: 16px;
      height: 1px;
      margin-left: 2px;
      color: rgba(255,255,255,.3);
      transition: color .2s,background-color .2s,border-color .2s;
  }
  
  .Navbar.is-compact .Navbar-desktop .Navbar-item .Navbar-dropdownIcon {
      width: 14px;
  }
  
  .Navbar svg {
      width: auto;
      height: auto;
  }
  
  .Navbar .Navbar-icon svg {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      fill: currentColor;
      pointer-events: none;
  }
  
  .Navbar .Navbar-desktop .Navbar-item .Navbar-dropdownIcon svg {
      height: 16px;
      top: auto;
      bottom: -.05em;
  }
  
  .Navbar .Navbar-desktop .Navbar-profileItems .Navbar-dropdownIcon svg {
      bottom: -.15em;
  }
  
  .Navbar.is-compact .Navbar-desktop .Navbar-item .Navbar-dropdownIcon svg {
      height: 14px;
      top: auto;
      bottom: -.05em;
  }
  
  .Navbar .Navbar-desktop .Navbar-collapsedItems, .Navbar .Navbar-desktop .Navbar-items {
      display: inline-block;
      vertical-align: top;
  }
  
  .Navbar .Navbar-support .Navbar-supportCounter {
      display: none;
      background-color: #ff9000;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      font-size: 11px;
      font-weight: 700;
      line-height: 16px;
      text-shadow: 0 0 3px #000;
      text-align: center;
      color: #fff;
      margin-left: 5px;
  }
  
  .Sticky {
      position: relative;
  }
  
  .Sticky-content {
      position: relative;
  }
  
  .Sticky-content--active, .Sticky.is-active .Sticky-content {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 2;
  }
  
  body:not(.is-scrollLocked) .Sticky.is-active .Sticky-content {
      right: 0!important;
  }
  
  .BnetNav-navbar {
      height: 48px;
  }
  
  .SiteNav .Sticky-content {
      height: 50px;
  }
  
  body:not(.is-scrollLocked) .Sticky.is-active .Sticky-content {
      right: 0!important;
  }
  
  .SiteNav-sectionLeft {
      position: absolute;
      left: 0;
      top: 0;
  }
  
  @media (min-width: 1080px){
  .SiteNav-sectionLeft {
      left: 140px;
  }
  }
  
  @media (min-width: 1280px){
  .SiteNav-sectionLeft {
      left: 168px;
  }
  }
  
  @media (min-width: 1450px){
  .SiteNav-sectionLeft {
      left: 198px;
  }
  }
  
  .SiteNav-sectionRight {
      position: absolute;
      right: 0;
      top: 0;
  }
  
  .SiteNav-menuList, .SiteNav-sectionLeft, .SiteNav-sectionRight {
      height: 100%;
  }
  
  .SiteNav-menuListItem>* {
      padding: 0 8px;
  }
  
  .SiteNav-menuListItemWrap, .SiteNav-sectionRight, .SiteNav-sectionRight>.SiteNav-menuList {
      z-index: auto;
  }
  
  .Avatar-image {
      border: 1px solid #211510;
      bottom: 3px;
      left: 3px;
      right: 3px;
      top: 3px;
  }
  
  .Avatar-image, .Avatar-image:before {
      background-size: cover;
      position: absolute;
  }
  
  .Avatar-image:before {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #211510;
      background-image: url(/resources/Avatar-anon.png);
      content: "";
      z-index: -1;
  }
  
  .Avatar--goldLarge>.Avatar-image, .Avatar--goldMedium>.Avatar-image {
      bottom: 9px;
      left: 8px;
      right: 8px;
      top: 7px;
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-avatar>.Avatar-image {
      left: 5px;
      top: 4px;
      right: 5px;
      bottom: 6px;
  }
  }
  
  .SiteNav-menuListItem--subscribe>.SiteNav-menuListItemWrap, .SiteNav-menuListItem--user>.SiteNav-menuListItemWrap {
      position: relative;
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-menuListItem--userLoggedIn .SiteNav-menuListItemWrap {
      padding: 0 8px;
  }
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-logo:before, .SiteNav--thinFull .SiteNav-menuListUserInfo {
      display: none;
  }
  }
  
  @media (min-width: 970px) and (min-width: 1280px){
  .SiteNav--thinFull .SiteNav-menuListUserInfo {
      display: none;
  }
  }
  
  .SiteNav-menuList {
      position: relative;
  }
  
  .SiteNav-menuListItem--premium .SiteNav-menuListLink, .SiteNav-menuListItem--user, .SiteNav-menuListItem--login, .SiteNav-menuListLink, .SiteNav-menuListItem--userLoggedIn {
      position: relative;
      z-index: 1;
  }
  
  .SiteNav-menuListItem--subscribe .SiteNav-menuListLink:after, .SiteNav-menuListItem--subscribe .SiteNav-menuListLink:before, .SiteNav-menuListItem--user .SiteNav-menuListLink:after, .SiteNav-menuListItem--user .SiteNav-menuListLink:before, .SiteNav-menuListItem--userLoggedIn:after, .SiteNav-menuListItem--userLoggedIn:before {
      background: #00ff0087;
      bottom: 1px;
      content: "";
      left: -8px;
      position: absolute;
      top: 1px;
      width: 1px;
  }
  
  .SiteNav-menuListItem--subscribe .SiteNav-menuListLink:after, .SiteNav-menuListItem--user .SiteNav-menuListLink:after, .SiteNav-menuListItem--userLoggedIn:after {
      left: auto;
      right: -8px;
  }
  
  .SiteNav-menuListItem--userLoggedIn:after {
      right: 0;
  }
  
  .SiteNav-menuListItem--userLoggedIn:before {
      left: 0;
  }
  
  .Avatar:before {
      content: "";
      display: block;
      padding-top: 100%;
  }
  
  .Avatar {
      z-index: 0;
      position: relative;
      -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1) 0s;
      transition: opacity .3s cubic-bezier(.23,1,.32,1) 0s;
      background-color: #ffc000;
      background-image: linear-gradient(45deg,#7f4000, #f6dd04, #fffdde, #f6dd04, #7f4000);
      display: inline-block;
      max-width: 192px;
      overflow: hidden;
      width: 64px;
      border-radius: 6px;
  }
  
  .Avatar--goldLarge, .Avatar--goldMedium {
      background: url(/resources/Avatar-gold.png) no-repeat 0 0;
      background-size: 100% 100%;
      overflow: visible;
      width: 73px;
  }
  
  .SiteNav-avatar {
      display: block;
      margin-right: 5px;
      position: relative;
      width: 47px;
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-avatar {
      display: block;
      width: 37px;
  }
  }
  
  @media (min-width: 1280px){
  .SiteNav-avatar {
      width: 50px;
  }
  }
  
  @media (min-width: 1450px){
  .SiteNav-avatar {
      width: 63px;
  }
  }
  
  .SiteNav-menuListUserInfo {
      font-size: 12px;
      position: relative;
      margin-top: -2px;
      display: none;
      text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
  }
  
  @media (min-width: 1280px){
  .SiteNav-menuListUserInfo {
      display: block;
  }
  }
  
  .SiteNav-menuListLink {
      white-space: nowrap;
      line-height: 60px;
      position: relative;
      text-align: center;
  }
  
  @media (min-width: 1280px){
  .SiteNav-menuListLink {
      line-height: 65px;
  }
  }
  
  @media (min-width: 1450px){
  .SiteNav-menuListLink {
      line-height: 80px;
  }
  }
  
  .SiteNav-characterLevelLabel {
      display: none;
      margin-right: 4px;
  }
  
  @media (min-width: 1450px){
  .SiteNav-characterLevelLabel {
      display: inline-block;
  }
  }
  
  
  .SiteNav-area {
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      max-width: 1630px;
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-area {
      max-width: 100%;
  }
  }
  
  .SiteNav-bar {
      margin: 40px 30px 0;
      background: #10182d url(/resources/sitenav-bar-bg.png) repeat-x 80px 0;
      background-size: auto 100%;
      -webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
      box-shadow: 0 0 10px rgba(0,0,0,.6);
  }
  @media (min-width: 1080px){
  .SiteNav-bar {
      margin-left: 110px;
  }
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-bar {
      margin: 40px 30px 0;
  }
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-bar {
      margin: 40px 30px 0;
  }
  }
  
  @media (min-width: 970px){
      .SiteNav--thinFull .SiteNav-bar {
          margin: 0;
      }
  }
  
  .SiteNav-menu {
      color: #fff;
      height: 60px;
      position: relative;
  }
  
  @media (min-width: 1080px) and (min-width: 970px){
  .SiteNav--thinFull .SiteNav-menu {
      padding-left: 481px;
      padding-right: 161px;
  }
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-menu {
      height: 50px;
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      position: relative;
      max-width: 1560px;
      margin: 0 auto;
      background: none;
  }
  }
  
  @media (min-width: 970px) and (min-width: 1080px){
  .SiteNav--thinFull .SiteNav-menu {
      padding-left: 481px;
      padding-right: 161px;
  }
  }
  
  @media (min-width: 970px) and (min-width: 1280px){
  .SiteNav--thinFull .SiteNav-menu {
      padding-right: 240px;
      padding-left: 681px;
  }
  }
  
  @media (min-width: 970px) and (min-width: 1280px){
  .SiteNav--thinFull .SiteNav-menu {
      padding-right: 160px;
  }
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-menu {
      height: 50px;
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      position: relative;
      max-width: 1560px;
      margin: 0 auto;
      background: none;
  }
  }
  
  @media (min-width: 1280px){
  .SiteNav-menu {
      height: 65px;
  }
  }
  
  @media (min-width: 1450px){
  .SiteNav-menu {
      height: 80px;
  }
  }
  
  .List {
      display: table;
      position: relative;
  }
  
  .List--gutters {
      margin: -10px;
  }
  
  .List--left {
      margin-right: auto;
      text-align: left;
  }
  
  .List--right {
      margin-left: auto;
      text-align: right;
  }
  
  .List-item {
      display: table-cell;
      height: 100%;
      padding-right: 15px;
  }
  
  .List--bulleted>.List-item, .List--greenChecks>.List-item, .List--numbered>.List-item, .List--vertical>.List-item {
      display: block;
      height: auto;
  }
  
  .Character {
      clear: both;
      display: inline-block;
      position: relative;
  }
  
  .Character-link {
      display: block;
  }
  
  .Character-link:focus, html:not(.touch) .Character-link:hover {
      outline: 0;
  }
  
  .Character-table {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  
  .Character-bust {
      width: 196px;
      display: none;
  }
  
  .Art {
      cursor: default;
      position: relative;
      width: 100%;
      overflow: hidden;
      z-index: -1;
      pointer-events: none;
  }
  
  .Art--above {
      z-index: 1;
  }
  
  .Art-image {
      background-position: 50%;
      background-size: cover;
  }
  
  .Art-image, .Art-mask {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
  }
  
  .Character-avatar {
      display: none;
      font-style: normal;
      height: 100%;
      line-height: 0;
      vertical-align: middle;
  }
  
  .Character.Character--avatar .Character-avatar, .Character.Character--avatar .Character-details {
      display: block;
  }
  
  .Character-avatar>.Avatar {
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
  }
  
  .Character-link:focus .Character-avatar>.Avatar, html:not(.touch) .Character-link:hover .Character-avatar>.Avatar {
      background-image: linear-gradient(45deg,#7f4000, #f6dd04, #fffdde, #f6dd04, #7f4000);
      border-radius: 0px;
      filter: brightness(1.5);
  }
  
  .Character-details {
      line-height: 22px;
  }
  
  .Character.Character--avatar .Character-avatar, .Character.Character--avatar .Character-details {
      display: block;
  }
  
  .Character.Character--avatar .Character-details {
      padding: 0 10px;
  }
  
  .Character-name, .Character-role {
      display: none;
  }
  
  .Character-name {
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      font-size: 1.08rem;
      line-height: 1.5;
      font-family: Open Sans,Arial,Helvetica,sans-serif;
      color: #b1997f;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
      font-weight: 400;
      line-height: normal;
      margin: 0;
  }
  
  @media (min-width: 720px){
  .Character-name {
      font-size: 1.224rem;
  }
  }
  
  @media (min-width: 1280px){
  .Character-name {
      font-size: 1.44rem;
  }
  }
  
  html:not(.touch) .Character-name {
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
  }
  
  .Character.Character--bust .Character-bust, .Character.Character--level .Character-level, .Character.Character--name .Character-name, .Character.Character--realm .Character-realm {
      display: block;
  }
  
  .Character.Character--WARRIOR .Character-name {
      color: #c69b6d;
  }
  
  .Character.Character--PALADIN .Character-name {
      color: #f48cba;
  }
  
  .Character.Character--HUNTER .Character-name {
      color: #aad372;
  }
  
  .Character.Character--ROGUE .Character-name {
      color: #fff468;
  }
  
  .Character.Character--PRIEST .Character-name {
      color: #f0ebe0;
  }
  
  .Character.Character--DEATHKNIGHT .Character-name {
      color: #c41e3b;
  }
  
  .Character.Character--SHAMAN .Character-name {
      color: #2359ff;
  }
  
  .Character.Character--MAGE .Character-name {
      color: #68ccef;
  }
  
  .Character.Character--WARLOCK .Character-name {
      color: #9382c9;
  }
  
  .Character.Character--DRUID .Character-name {
      color: #ff7c0a;
  }
  
  .Character.Character--MONK .Character-name {
      color: #00ffba;
  }
  
  .Character.Character--DEMONHUNTER .Character-name {
      color: #a330c9;
  }
  
  .Character-link:focus .Character-name, html:not(.touch) .Character-link:hover .Character-name {
      color: #fff;
  }
  
  .Character-level {
      font-size: 1rem;
      line-height: 1.5;
      font-family: Open Sans,Arial,Helvetica,sans-serif;
      color: #fff;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
      font-weight: 400;
      display: none;
  }
  
  @media (min-width: 720px){
  .Character-level {
      font-size: 1.02rem;
  }
  }
  
  @media (min-width: 1280px){
  .Character-level {
      font-size: 1.2rem;
  }
  }
  
  .Character.Character--bust .Character-bust, .Character.Character--level .Character-level, .Character.Character--name .Character-name, .Character.Character--realm .Character-realm {
      display: block;
  }
  
  b, strong {
      font-weight: 700;
  }
  
  .Character-avatar>.Avatar {
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
  }
  
  .Button {
      display: inline-block;
      cursor: pointer;
      text-decoration: none;
      text-align: center;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      margin: 0;
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
  }
  
  .Button--ghost {
      font-size: 1.08rem;
      line-height: 1.5;
      font-weight: 400;
      background: rgba(0,0,0,.4);
      border: 1px solid #000;
      color: #f7b10a;
      min-width: 180px;
      text-transform: uppercase;
  }
  
  @media (min-width: 720px){
  .Button--ghost {
      font-size: 1.224rem;
  }
  }
  
  .Link, .Link>.Art {
      cursor: pointer;
  }
  
  .Link--text {
      font-size: 1rem;
      line-height: 1.5;
      color: #f8b700;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
  }
  
  @media (min-width: 720px){
  .Link--text {
      font-size: 1.02rem;
  }
  }
  
  @media (min-width: 1280px){
  .Link--text {
      font-size: 1.2rem;
  }
  }
  
  .Link--block {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 100%;
  }
  
  .List>.List-item {
      vertical-align: middle;
  }
  
  .List--gutters>.List-item {
      padding: 10px;
  }
  
  .List--guttersMedium>.List-item {
      padding: 20px!important;
  }
  
  .List--guttersMedium {
      margin: -20px;
  }
  
  .List--center {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  }
  
  .position-absolute {
      position: absolute!important;
  }
  
  .Logo {
      background-repeat: no-repeat;
      background-size: 100%;
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
  }
  
  .Logo, .Logo--wow {
      position: relative;
  }
  
  .Logo--wowIcon {
      background-image: url(/resources/Logo-wowIcon.png);
      position: relative;
      width: 50px;
  }
  
  .Logo--wow {
      background-image: url(/resources/logo-nelwy-2.png);
      width: 330px;
  }
  
  .SiteNav-logo {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      position: absolute;
      left: -86px;
      top: -15px;
      text-align: center;
      width: 219px;
      z-index: 1;
  }
  
  .SiteNav-logo-full {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      display: none;
  }
  
  .Logo--wow:before {
      content: "";
      display: block;
      padding-top: 39.24242424%;
  }
  
  .Logo--wow.Logo--wowSitenav:before {
      content: "";
      display: block;
      padding-top: 39.24914676%;
  }
  
  .Logo--wowIcon:before {
      content: "";
      display: block;
      padding-top: 100%;
  }
  
  @media (min-width: 1080px){
  .SiteNav-logo-full {
      display: block;
  }
  }
  
  
  @media (min-width: 1280px){
  .SiteNav-logo {
      top: -15px;
      width: 245px;
  }
  }
  
  @media (min-width: 1450px){
  .SiteNav-logo {
      top: -11px;
      width: 272px;
  }
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-logo {
      margin-left: 0;
      width: 60px;
      height: 60px;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  }
  
  .SiteNav-logo-icon {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 0;
      pointer-events: none;
      width: 40px;
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-logo-icon {
      opacity: 1;
      pointer-events: auto;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  }
  
  .SiteNav-logo, .SiteNav-logo-full, .SiteNav-logo-icon {
      -webkit-transition: width .3s,opacity .3s,-webkit-filter .3s;
      transition: width .3s,opacity .3s,-webkit-filter .3s;
      transition: width .3s,opacity .3s,filter .3s;
      transition: width .3s,opacity .3s,filter .3s,-webkit-filter .3s;
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-logo-full {
      opacity: 0;
      max-width: 150px;
      pointer-events: none;
      top: 3px;
  }
  }
  
  .Logo--wow.Logo--wowSitenav {
      background-image: url(/resources/logo-nelwy-2.gif);
      position: relative;
      width: 293px;
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-logo, .SiteNav .SiteNav-logo-icon {
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-logo {
      margin-left: 0;
      width: 60px;
      height: 60px;
      left: 0;
  }
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-sectionLeft {
      left: 60px;
  }
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-logo-icon {
      opacity: 1;
      pointer-events: auto;
  }
  }
  
  .color-gold-light {
      color: #f8b700;
  }
  
  .hover-white {
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-menuListItem {
      font-size: 1rem;
      height: 50px;
  }
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-menuListLink {
      line-height: 50px;
  }
  }
  
  .SiteNav-menuListItem {
      font-size: 1rem;
  }
  
  @media (min-width: 1280px){
  .SiteNav-menuListItem {
      font-size: 1.2rem;
  }
  }
  
  @media (min-width: 1450px){
  .SiteNav-menuListItem {
      font-size: 1.44rem;
  }
  }
  
  .SiteNav-menuListItem--premium {
      background: url(/resources/sitenav-bar-user-bg-red.png) repeat-x 0 0;
  }
  
  .SiteNav-menuListItem--login {
      background: url(/resources/sitenav-bar-user-bg-green.png) repeat-x 0 0;
  }
  
  .SiteNav-menuListItem--user {
      background: url(/resources/sitenav-bar-user-bg-green.png) repeat-x 0 0;
  }
  
  .SiteNav-menuListItem--premium, .SiteNav-menuListItem--user, .SiteNav-menuListItem--login {
      background-size: auto 100%;
  }
  
  .SiteNav-menuListItem--userLoggedIn {
      font-size: 1.08rem;
      line-height: 1.5;
      padding: 0 8px;
      text-align: left;
  }
  
  @media (min-width: 720px){
  .SiteNav-menuListItem--userLoggedIn {
      font-size: 1.224rem;
  }
  }
  
  @media (min-width: 1280px){
  .SiteNav-menuListItem--userLoggedIn {
      font-size: 1.44rem;
  }
  }
  
  .SiteNav-menuListItem--subscribe .SiteNav-menuListLink, .SiteNav-menuListItem--user .SiteNav-menuListLink, .SiteNav-menuListItem--userLoggedIn {
      position: relative;
      z-index: 1;
  }
  
  .SiteNav-menuListItem {
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      font-weight: 700;
      
  }
  
  .SiteNav-menuListLink {
      white-space: nowrap;
      position: relative;
      text-align: center;
      height: 60px;
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-menuListLink {
      height: 50px;
  }
  }
  
  @media (min-width: 1280px){
  .SiteNav-menuListLink {
      height: 65px;
  }
  }
  
  @media (min-width: 1450px){
  .SiteNav-menuListLink {
      height: 80px;
  }
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-menuListLink {
      height: 50px;
      line-height: 50px;
  }
  }
  
  .SiteNav-menuListItem--userLoggedIn .SiteNav-menuListLink {
      line-height: 18px;
      text-align: left;
  }
  
  
  .SiteNav-menuList:after, .SiteNav-menuList:before {
      background: rgba(21,13,9,.8);
      bottom: 1px;
      content: "";
      position: absolute;
      left: 0;
      top: 1px;
      width: 1px;	
  }
  
  .SiteNav-menuList:after {
      background: rgb(121 167 185 / 57%);
      left: auto;
      right: -1px;
  }
  
  
  .SiteNav-menuListLink:after, .SiteNav-menuListLink:before {
      background: rgb(121 167 185 / 57%);
      bottom: 1px;
      content: "";
      position: absolute;
      left: 0;
      top: 1px;
      width: 1px;
  }
  
  .SiteNav-menuListItem--userLoggedIn .SiteNav-menuListLink:after, .SiteNav-menuListItem--userLoggedIn .SiteNav-menuListLink:before {
      display: none;
  }
  
  .SiteNav-searchLink {
      padding: 0;
      height: 60px;
      width: 40px;
  }
  
  @media (max-width: 1079px) and (min-width: 970px){
  .SiteNav .SiteNav-searchLink {
      height: 50px;
      width: 50px;
  }
  }
  
  @media (min-width: 1280px){
  .SiteNav-searchLink {
      height: 65px;
      width: 65px;
  }
  }
  
  @media (min-width: 1450px){
  .SiteNav-searchLink {
      height: 80px;
      width: 80px;
  }
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-searchLink {
      height: 50px;
      width: 50px;
  }
  }
  
  .SiteNav-bar, .SiteNav-logo-menu, .SiteNav-menu, .SiteNav-menuList, .SiteNav-menuList:after, .SiteNav-menuListItem, .SiteNav-menuListItem:after, .SiteNav-menuListLink, .SiteNav-sectionLeft {
      -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .3s cubic-bezier(.23,1,.32,1) 0s;
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-sectionLeft {
      left: 60px;
  }
  }
  
  @media (min-width: 970px){
      .SiteNav--thinFull .SiteNav-menuListItem {
          font-size: 1rem;
          height: 50px;
      }
      }
      
  
  @media (min-width: 970px) and (min-width: 1280px){
      .SiteNav--thinFull .SiteNav-menuListItem {
          font-size: 1.2rem;
      }
      }
      
  @media (min-width: 970px) and (min-width: 1450px){
  .SiteNav--thinFull .SiteNav-menuListItem {
      font-size: 1.44rem;
  }
  }
  
  
  
  .SiteNav-menuListLink.is-active {
      background: rgba(68,47,38,.5);
  }
  
  .DropdownLink:not(input) {
      cursor: pointer;
  }
  
  .SiteNav-menuListLinkText {
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: -webkit-linear-gradient(top,#efd100,#e2a233 19%,#f0c328 30%,#fff1a3 43%,#ffe13e 50%,#fff 51%,#fff);
      background-size: 1em 2.5em;
      color: #f8b700;
      display: inline-block;
      line-height: 1.5em;
      position: relative;
      z-index: auto;
      background-position: center 0;
      -webkit-text-stroke: thin;
      -webkit-text-stroke-color: black;
      filter: drop-shadow(0px 0px 6px black);
  }
  
  a.Link.Link--block.SiteNav-menuListLink.text-upper {
      filter: drop-shadow(0px 0px 6px black);
  }
  
  .SiteNav-menuListLinkText:after {
      background: none;
      content: attr(data-text);
      display: inline-block;
      left: 0;
      position: absolute;
      top: 0;
      z-index: -1;
  }
  
  .SiteNav-menuListItem--premium .SiteNav-menuListLink .SiteNav-menuListLinkText:after {
      background: none;
      content: attr(data-text);
      display: inline-block;
      left: 0;
      position: absolute;
      top: 0;
      z-index: -1;
  }
  
  .SiteNav-menuListItem--login .SiteNav-menuListLink .SiteNav-menuListLinkText:after {
      background: none;
      content: attr(data-text);
      display: inline-block;
      left: 0;
      position: absolute;
      top: 0;
      z-index: -1;
  }
  
  .DropdownLink--gold .DropdownLink-indicator {
      background-image: url(/resources/DropdownLink-indicator-gold-sprite.png);
      background-size: 400% 100%;
      height: 11px;
      left: -2px;
      width: 16px;
  }
  
  .SiteNav-menuListLink .SiteNav-dropdownIndicator {
      top: 1px;
  }
  
  @media (min-width: 1450px){
  .SiteNav-menuListLink .SiteNav-dropdownIndicator {
      top: 0;
  }
  }
  
  .is-active>.DropdownLink .DropdownLink-indicator {
      background-position: -100% 0;
  }
  
  .SiteNav-menuListLink.is-active .SiteNav-dropdownIndicator {
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1);
  }
  
  .SiteNav-dropdownIndicator {
      background-position: 0 0!important;
  }
  
  .DropdownLink-indicator {
      background-image: url(/resources/DropdownLink-indicator-sprite.png);
      background-size: 200% 100%;
      display: inline-block;
      height: 8px;
      margin-left: .35em;
      position: relative;
      text-align: right;
      top: -1px;
      width: 13px;
  }
  
  .SiteNav-menuListLink.is-active .SiteNav-menuListLinkText, .SiteNav-menuListLinkText--white, html:not(.touch) .SiteNav-menuListLink:hover .SiteNav-menuListLinkText {
      color: #fff;
      background-position: center 100%;
      transform: scale(1.05);
  }
  
  .SiteNav-menuListLink:active .SiteNav-menuListLinkText, .SiteNav-menuListLinkText--white, html:not(.touch) .SiteNav-menuListLink:active .SiteNav-menuListLinkText {
      transform: scale(1);
  }
      
  .SiteNav-menuListLink.is-active .SiteNav-dropdownIndicator, html:not(.touch) .SiteNav-menuListLink:hover .SiteNav-dropdownIndicator {
      -webkit-filter: brightness(200%) grayscale();
      filter: brightness(200%) grayscale();
  }
  
  .Icon {
      display: inline-block;
      position: relative;
  }
  
  .SiteNav-searchClose, .SiteNav-searchOpen {
      -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1) 0s;
      transition: opacity .3s cubic-bezier(.23,1,.32,1) 0s;
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      line-height: 24px;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      opacity: 1;
  }
  
  .Icon-svg {
      position: relative;
      top: -1px;
      vertical-align: middle;
      width: 64px;
      height: 64px;
  }
  
  svg:not(:root) {
      overflow: hidden;
  }
  
  
  .Icon-svg:not(.Icon--color) {
      fill: currentColor;
  }
  
  .SiteNav-searchClose .Icon-svg, .SiteNav-searchOpen .Icon-svg {
      width: 20px;
  }
  
  .SiteNav-searchLink.is-active>.SiteNav-searchOpen {
      opacity: 0;
  }
  
  .SiteNav-searchLink.is-active>.SiteNav-searchClose {
      opacity: 1;
  }
  
  .SiteNav-searchClose {
      opacity: 0;
      color: #fff;
  }
  
  .SiteNav-menuListLink.is-active {
      background: rgb(0 50 113 / 48%);
  }
  
  .SiteNav-menuListItem--subscribe .SiteNav-menuListLink.is-active, .SiteNav-menuListItem--user .SiteNav-menuListLink.is-active {
      background: transparent;
  }
  
  .SiteNav-pageLink {
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
  }
  
  .SiteNav-pageLink {
      color: #f8b700;
      font-size: 1rem;
      line-height: 1.5em;
  }
  
  @media (min-width: 1280px){
  .SiteNav-pageLink {
      font-size: 1.2rem;
  }
  }
  .hover-white:focus, html:not(.touch) .hover-white:hover {
      color: #fff!important;
  }
  
  .Dropdown {
      display: none;
  }
  
  .SiteNav-doormat {
      -webkit-transition: all .4s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .4s cubic-bezier(.23,1,.32,1) 0s;
      background: #150d06;
      background: rgba(21,13,6,.97);
      background: -webkit-gradient(linear,left top,left bottom,from(rgba(1,1,2,.97)),to(rgba(21,13,6,.97)));
      background: linear-gradient(180deg,rgba(1,1,2,.97),rgb(12 16 29 / 97%));
      -webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
      box-shadow: 0 0 10px rgba(0,0,0,.6);
      border-top: 0 solid #162331;
      border-bottom: 0 solid #293c52;
      border-radius: 10px;
      display: block;
      max-height: 0;
      overflow: hidden;
      position: absolute;
      top: 100%;
      width: calc(100% - 60px);
      left: 30px;
      margin: 0;
      opacity: .5;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
  }
  
  .SiteNav-doormat.is-active {
      -webkit-transition: max-height .7s ease-out,opacity .4s cubic-bezier(.23,1,.32,1);
      transition: max-height .7s ease-out,opacity .4s cubic-bezier(.23,1,.32,1);
      max-height: 750px;
      border-width: 1px;
      opacity: 1;
  }
  
  .SiteNav-doormat.is-active .SiteNav-doormatContent {
      -webkit-transition: all .75s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .75s cubic-bezier(.23,1,.32,1) 0s;
      padding-top: 45px;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
  }
  
  .SiteNav-doormatContent {
      -webkit-transition: all .4s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .4s cubic-bezier(.23,1,.32,1) 0s;
      margin-left: auto;
      margin-right: auto;
      max-width: 1560px;
      padding: 20px 40px 40px;
  }
  
  .SiteNav--thinFull .SiteNav-doormat.is-active .SiteNav-doormatContent {
      padding-top: 45px;
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-doormat {
      margin-top: 0;
  }
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-doormat {
      width: 100%;
      left: 0;
  }
  }
  
  @media (min-width: 970px){
  .SiteNav--thinFull .SiteNav-doormat--tryFreeClarification {
      width: auto;
      left: auto;
  }
  }
  
  .Grid {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .Grid:after, .Grid:before {
      content: "";
      display: table;
      clear: both;
  }
  
  .Grid--gutter {
      padding: 20px;
  }
  
  .Grid--gutters {
      margin: -10px;
  }
  
  .Grid--gutter.Grid--gutters {
      padding: 10px;
      margin: 0;
  }
  
  .Grid--gutters>* {
      padding: 10px;
  }
  
  .Grid-col, .Grid-full, .Grid>* {
      width: 100%;
      clear: both;
      position: relative;
  }
  
  .ArticleTile-content {
      position: relative;
  }
  
  .Tile {
      position: relative;
      color: #fff;
  }
  
  .Tile:before {
      content: "";
      display: block;
      padding-top: 56.25%;
  }
  
  .Tile-area {
      overflow: hidden;
  }
  
  .Tile-area, .Tile-bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
  }
  
  .Tile-bg {
      background-color: #000;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  .Tile-content {
      z-index: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      width: calc(100% - 40px);
  }
  
  .ArticleTile-fade {
      background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(90%,rgba(0,0,0,.8)));
      background: linear-gradient(180deg,transparent 60%,rgba(0,0,0,.8) 90%);
  }
  
  
  .gutter-tiny {
      padding: 0 5px;
  }
  
  .ArticleTile-fade, .ArticleTile-link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
  }
  
  .ArticleTile-link {
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      width: 100%;
      border: 1px solid #504137;
  }
  
  .ArticleTile-bottom {
      position: absolute;
      bottom: 0;
      width: 100%;
  }
  
  .ArticleTile-bottomInner {
      display: table;
      position: relative;
      width: 100%;
      padding: 20px;
      pointer-events: none;
  }
  
  .ArticleTile-left, .ArticleTile-right {
      display: table-cell;
      vertical-align: middle;
      height: 100%;
      vertical-align: bottom;
  }
  
  .ArticleTile-right {
      text-align: right;
  }
  
  .ArticleTile-subtitle {
      font-size: 1rem;
      line-height: 1.5;
      font-family: Open Sans,Arial,Helvetica,sans-serif;
      color: #cacaca;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
      font-weight: 400;
      line-height: 22px;
  }
  
  @media (min-width: 720px){
  .ArticleTile-subtitle {
      font-size: 1.02rem;
  }
  }
  
  @media (min-width: 1280px){
  .ArticleTile-subtitle {
      font-size: 1.2rem;
  }
  }
  
  @media (min-width: 720px){
  .ArticleTile-subtitle {
      line-height: 22px;
  }
  }
  
  .ArticleTile-title {
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      font-size: 1.08rem;
      line-height: 1.5;
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      color: #fff;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
      font-weight: 700;
      color: #f8b700;
      line-height: 22px;
  }
  
  @media (min-width: 720px){
  .ArticleTile-title {
      font-size: 1.224rem;
  }
  }
  
  @media (min-width: 1280px){
  .ArticleTile-title {
      font-size: 1.44rem;
  }
  }
  
  html:not(.touch) .ArticleTile:hover .ArticleTile-title {
      color: #fff;
  }
  
  html:not(.touch) .ArticleTile .ArticleTile-link:focus, html:not(.touch) .ArticleTile:hover .ArticleTile-link {
      outline: 0;
      border-color: #f8b700;
  }
  
  .gutter-tiny.gutter-vertical {
      padding: 5px 0;
  }
  
  .font-title-tiny-onDark {
      color: #fff;
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      font-weight: 700;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
      font-size: 1rem;
      line-height: 1.5;
  }
  
  @media (min-width: 720px){
  .font-title-tiny-onDark {
      font-size: 1.02rem;
  }
  }
  
  @media (min-width: 1280px){
  .font-title-tiny-onDark {
      font-size: 1.2rem;
  }
  }
  
  .SiteNav-sectionTitle {
      color: #cacaca;
  }
  
  .Grid-1of2 {
      clear: none;
      float: left;
      width: 50%;
  }
  
  .Grid-1of3 {
      clear: none;
      float: left;
      width: 33.33333333%;
  }
  
  .Grid-1of4 {
      clear: none;
      float: left;
      width: 25%;
  }
  
  .bordered {
      position: relative;
  }
  
  .bordered:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.08);
      box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.08);
      content: "";
      display: block;
      pointer-events: none;
      z-index: 1;
  }
  
  .padding-top-medium {
      padding-top: 40px!important;
  }
  
  .padding-bottom-medium {
      padding-bottom: 40px!important;
  }
  
  @media (min-width: 980px){
  .padding-top-huge-screen-wide {
      padding-top: 100px!important;
  }
  }
  
  @media (min-width: 980px){
  .padding-bottom-huge-screen-wide {
      padding-bottom: 100px!important;
  }
  }
  
  .Pane {
      display: block;
      position: relative;
  }
  
  .Pane:after {
      content: "";
      display: table;
      clear: both;
  }
  
  .Pane--dirt {
      color: #ebdec2;
  }
  
  .Pane-bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #080910;
      overflow: hidden;
  }
  
  .Pane-bg, .Pane-bg:after, .Pane-bg:before {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  .Pane-bg:after, .Pane-bg:before {
      content: "";
      display: block;
      position: relative;
  }
  
  .Pane--bgTop>.Pane-bg {
      background-position: top;
  }
  
  .Pane--dirt>.Pane-bg {
      background-color: #211510;
      background-image: url(/static/components/Pane/Pane-dirt.497581a….jpg);
      background-position: top;
      background-size: 200%;
  }
  
  @media (min-width: 980px){
  .Pane--dirt>.Pane-bg {
      background-size: 100%;
  }
  }
  
  .Pane--bgBottom>.Pane-bg {
      background-position: bottom;
  }
  
  .Pane--dirtLight>.Pane-bg {
      background-color: #211510;
      background-image: url(/resources/Pane-dirtLight.jpg);
      background-position: top;
      background-size: 200%;
  }
  
  .Pane--leatherGrayMap>.Pane-bg, .Pane--leatherGrayMap>.Pane-bg:after, .Pane--leatherGrayMap>.Pane-bg:before {
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto;
  }
  
  .Pane--leatherGrayMap>.Pane-bg:before {
      -webkit-box-shadow: 0 0 5px 1px rgba(29,17,11,.8);
      box-shadow: 0 0 5px 1px rgba(29,17,11,.8);
      height: 2160px;
  }
  
  .Pane--dirtLight {
      color: #ebdec2;
  }
  
  .Pane--dirtDark>.Pane-bg {
      background-color: #211510;
      background-image: url(/resources/Pane-dirtDark.jpg);
      background-position: top;
      background-size: 200%;
      background-repeat: repeat;
      filter: saturate(0.8);
  }
  
  @media (min-width: 980px){
  .Pane--dirtDark>.Pane-bg {
      background-size: 100%;
  }
  }
  
  .Pane--full>.Pane-content {
      padding: 0;
      max-width: none;
      margin: 0;
  }
  
  .Pane-content {
      padding: 0 20px;
      position: relative;
      margin: 0 auto;
      max-width: 1560px;
      z-index: 0;
  }
  
  .Pane--underSiteNav>.Pane-content {
      padding-top: 0;
  }
  
  @media (min-width: 970px){
  .Pane--underSiteNav>.Pane-content {
      padding-top: 90px;
  }
  }
  
  @media (min-width: 1080px){
  .Pane--underSiteNav>.Pane-content {
      padding-top: 100px;
  }
  }
  
  @media (min-width: 1280px){
  .Pane--underSiteNav>.Pane-content {
      padding-top: 105px;
  }
  }
  
  @media (min-width: 1450px){
  .Pane--underSiteNav>.Pane-content {
      padding-top: 120px;
  }
  }
  
  .Pane--abover .Pane-content {
      z-index: 3;
  }
  
  .Pane--cropMax>.Pane-bg {
      background-position: top;
      background-size: 150%;
  }
  
  .react-mount {
      min-height: 600px;
      position: relative;
  }
  
  .Dropdown.is-active {
      display: block;
  }
  
  .font-semp-small-darkBeige {
      font-size: 1.08rem;
      line-height: 1.5;
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      color: #b1997f;
      text-shadow: -3px 2px 3px black, -3px 2px 3px black;
      font-weight: 700;
  }
  
  @media (min-width: 720px){
  .font-semp-small-darkBeige {
      font-size: 1.224rem;
  }
  }
  
  span#form-error {
      font-size: 12.5px;
      color: #a74040;
  
  }
      
  @media (min-width: 1280px){
  .font-semp-small-darkBeige {
      font-size: 1.44rem;
  }
  }
  
  .font-semp-xxxLarge-white {
      font-size: 3.2249999999999996rem;
      line-height: 1.5;
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      color: #fff;
      text-shadow: -3px 4px 5px black, 0 1px 2px rgba(0,0,0,.8);
      font-weight: 700;
  }
  
  @media (min-width: 720px){
  .font-semp-xxxLarge-white {
      font-size: 3.655rem;
  }
  }
  
  @media (min-width: 1280px){
  .font-semp-xxxLarge-white {
      font-size: 4.3rem;
  }
  }
  
  .font-semp-large-white {
      font-size: 1.866rem;
      line-height: 1.5;
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      color: #fff;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
      font-weight: 700;
  }
  
  @media (min-width: 720px){
  .font-semp-large-white {
      font-size: 2.1148rem;
  }
  }
  
  @media (min-width: 1280px){
  .font-semp-large-white {
      font-size: 2.488rem;
  }
  }
  
  .font-bliz-light-medium-beige {
      font-size: 1.296rem;
      line-height: 1.5;
      font-family: Open Sans,Arial,Helvetica,sans-serif;
      color: #ebdec2;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0,0,0,.8);
      font-weight: 400;
  }
  
  @media (min-width: 720px){
  .font-bliz-light-medium-beige {
      font-size: 1.4687999999999999rem;
  }
  }
  
  @media (min-width: 1280px){
  .font-bliz-light-medium-beige {
      font-size: 1.728rem;
  }
  }
  
  .space-rhythm-large {
      height: 36px;
  }
  
  .Divider {
      height: 4px;
      margin: 0 auto;
      width: 100%;
      background-color: #000;
      position: relative;
      pointer-events: none;
  }
  
  .Divider--thin {
      height: 1px;
  }
  
  .Divider--opaque {
      background: hsla(0,0%,100%,.25);
  }
  
  /* Table with paginator */
  .Paginator, .Panel {
    position: relative;
  }
  
  .MythicRaidLeaderboard-page {
      position: relative;
      min-height: 400px;
  }
  
  .MythicRaidLeaderboardContent-scrollContainer {
      margin: 0 -20px;
      overflow: auto;
      overflow-y: hidden;
      overflow-x: auto;
  }
  
  @media (min-width: 980px){
  .MythicRaidLeaderboardContent-scrollContainer {
      overflow: visible;
      margin: 0 auto;
  }
  }
  
  .MythicRaidLeaderboardContent-tableWrapper {
      float: left;
      margin: 0 auto;
      min-width: 100%;
  }
  
  @media (min-width: 980px){
  .MythicRaidLeaderboardContent-tableWrapper {
      float: none;
  }
  }
  
  .Table {
      display: table;
      margin: 0 auto;
      position: relative;
  }
  
  .Table-head {
      display: table-header-group;
  }
  
  .Table-body {
      display: table-row-group;
  }
  
  .Table-row {
      color: #b1997f;
      display: table-row;
  }
  
  .Table-data {
      border-top: 1px solid hsla(0,0%,100%,.1);
      padding: 10px;
      vertical-align: middle;
      position: relative;
  }
  
  @media (min-width: 720px){
  .Table-data {
      height: 48px;
      padding: 0 20px;
  }
  }
  
  .Table-col {
      display: table-cell;
  }
  
  .Table-label {
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      font-weight: 700;
      font-size: 1.08rem;
      line-height: 1.5;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgb(0 0 0 / 80%);
      white-space: nowrap;
      border: 0;
      color: #fff;
      cursor: default;
      padding: 1px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 0 1px transparent, 1px 1px 0 #000, 1px 1px 0 #000;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: table-cell;
  }
  
  @media (min-width: 720px){
  .Table-label {
      font-size: 1.224rem;
  }
  }
  
  @media (min-width: 1280px){
  .Table-label {
      font-size: 1.44rem;
  }
  }
  
  .Table-label .Table-labelInner {
      padding-right: 10px;
      padding-left: 10px;
  }
  
  .Table-labelInner {
      display: block;
      padding: 13px 58px;
      position: relative;
  }
  
  
  .Table-label, .Table-labelOuter {
      padding-right: 0;
  }
  
  .Table-labelOuter {
      display: block;
      padding: 1px;
      position: relative;
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
  }
  
  .Table-labelInner, .Table-labelOuter {
      display: block;
      width: 100%;
  }
  
  .Table--flex, .Table--stretch, .Table--stretch .Table-col[data-priority="1"] {
      width: 100%;
  }
  
  
  
  .Table-labelText {
      display: inline;
      position: relative;
      z-index: 1;
      text-shadow: 1px 1px 0 #000, 1px 1px 0 #000;
  }
  
  .MythicRaidLeaderboardContent-table .Table-data {
      padding: 10px 5px;
  }
  
  @media (min-width: 980px){
  .MythicRaidLeaderboardContent-table .Table-data {
      padding: 0 20px;
  }
  }
  
  .Table-row:nth-child(odd) .Table-data {
      background: hsla(0,0%,100%,.04);
  }
  
  .SortTable {
      display: table;
      margin: 0 auto;
  }
  
  .SortTable--flex, .SortTable--stretch, .SortTable--stretch .SortTable-col[data-priority="1"] {
      width: 100%;
  }
  
  .SortTable--flex, .SortTable--stretch, .SortTable--stretch .SortTable-col[data-priority="1"] {
      width: 100%;
  }
  
  .SortTable-head {
      display: table-header-group;
  }
  
  .SortTable-body {
    display: table-row-group;
  }
  
  .SortTable-row {
      color: #b1997f;
      display: table-row;
  }
  
  .SortTable-body .SortTable-row:nth-child(odd) {
    background: hsla(0,0%,100%,.02);
  }
  
  .SortTable-col {
      display: table-cell;
  }
  
  .SortTable-data {
    border-top: 1px solid hsla(0,0%,100%,.1);
    padding: 10px;
    vertical-align: middle;
    position: relative;
  }
  
  
  @media (min-width: 720px) {
  .SortTable-data {
      height: 48px;
      padding: 0 20px;
  }
  }
  
  .SortTable--dataPadding .SortTable-data {
    padding: 10px;
  }
  
  .SortTable-label {
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      font-weight: 700;
      font-size: 1.08rem;
      line-height: 1.5;
      text-shadow: 0 0 1px transparent, 0 1px 2px rgb(0 0 0 / 80%);
      white-space: nowrap;
      border: 0;
      color: #f8b700;
      cursor: pointer;
      padding: 1px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 0 1px transparent, 1px 1px 0 #000, 1px 1px 0 #000;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: table-cell;
  }
  
  .SortTable-labelText {
    display: inline;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 0 #000, 1px 1px 0 #000;
  }
  
  @media (min-width: 720px){
  .SortTable-label {
      font-size: 1.224rem;
  }
  }
  
  @media (min-width: 1280px){
  .SortTable-label {
      font-size: 1.44rem;
  }
  }
  
  .SortTable-label, .SortTable-labelOuter {
      padding-right: 0;
  }
  
  
  SortTable-labelInner, .SortTable-labelOuter {
      display: block;
      width: 100%;
  }
  
  .SortTable-label.is-sorted, .SortTable-label.is-sorted-reverse {
    color: #fff;
    position: relative;
  }
  
  .SortTable--disabled .SortTable-label, .SortTable--disabled html:not(.touch) .SortTable-label:hover {
    color: #fff;
    cursor: default;
  }
  
  html:not(.touch) .SortTable-label {
      -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
      transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
  }
  
  .SortTable-label--left {
      text-align: left;
  }
  
  .SortTable-labelOuter {
      display: block;
      padding: 1px;
      position: relative;
  }
  
    .SortTable-labelInner {
    display: block;
    padding: 13px 58px;
    position: relative;
  }
  
  
  .SortTable-labelInner, .SortTable-labelOuter {
      display: block;
      width: 100%;
  }
  
  .SortTable-label .SortTable-labelInner {
    padding-right: 10px;
    padding-left: 10px;
}

  

  
  .Pane--leatherGrayMap>.Pane-bg {
      background-color: #090c13;
  }
  
  
  .Pane--leatherGrayMap>.Pane-bg, .Pane--leatherGrayMap>.Pane-bg:before {
      background-image: url(/resources/Pane-leather-gray-map.jpg);
      background-size: auto;
      background-size: initial;
  }
  
  .padding-top-large {
      padding-top: 60px!important;
  }
  
  .padding-bottom-large {
      padding-bottom: 60px!important;
  }
  
  
  /*
  Custom Nelwy Login
  */
  
  .login-input-container
  {
      display: inline-block;
      position: relative;
  }
  
  .control-group {
      margin-bottom: 10px;
  }
  
  .control-group {
      margin-bottom: 5px;
  }
  
  .control-group:before, .control-group:after {
      content: ".";
      font-size: 0;
      line-height: 0;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
  }
  
  .control-group:after {
      clear: both;
  }
  
  .control-label {
      font-size: 12px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: .075em;
      display: block;
      text-transform: uppercase;
      color: rgba(255,255,255,0.3);
  }
  
  
  button, input, select, textarea {
      font-family: inherit;
      font-size: 100%;
      margin: 0;
  }
  
  label {
      display: block;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      margin: 0;
  }
  
  
  label.control-label {
      display: none;
  }
  
  
  input, button, select, select optgroup, select option, textarea {
      font-family: "Blizzard","Arial","Helvetica","Segoe UI Symbol","Segoe MDL2 Assets",sans-serif;
  }
  
  textarea, input, .uneditable-input {
      outline: 0;
  }
  
  .btn {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline:none;
  }
  
  .btn-block {
      display: block;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
  }
  
  .btn-wow {
      color: rgb(255, 255, 0);
      min-width: 180px;
      text-transform: uppercase;
      font-weight: 400;
      font-family: BlizQuadrataWeb, serif;
      letter-spacing: 1px;
      text-shadow: 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px 0px 0 #000, 0px 2px 0 #000, -2px 0px 0 #000, 0px -2px 0 #000;
      line-height: 1.2em;
      font-size: 16px;
      transition: border-image 0.2s ease 0s, color 0.2s ease 0s;
      background: transparent;
      border-width: 30px;
      border-color: transparent;
      background: url(/resources/button-login.png) -37px -25px / 331px 358px no-repeat;
      padding: 2px 63px 10px;
      outline: none;
      width: 315px;
  }
  
  
  .btn.btn-blizz {
      position: relative;
      border-radius: 0;
      box-shadow: none;
      color: #fff;
      font-weight: 400;
      white-space: nowrap;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 1px solid transparent;
      padding: 0 30px;
      font-size: 1rem;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  
  
  .btn.btn-primary {
      background-color: #0e86ca;
      border-color: #10a1de;
  }
  
  .btn-group-lg>.btn, .btn-lg {
      padding: 0 45px;
      font-size: 1.25rem;
      line-height: 59px;
      border-radius: 0;
  }
  
  .btn-group-lg>.btn, .btn.btn-lg {
      min-height: 59px;
      font-size: 1.325rem;
  }

  .btn-group-md>.btn, .btn-md {
    padding: 0 30px;
    font-size: 1.05rem;
    line-height: 39px;
    border-radius: 0;
  }

  .btn-group-md>.btn, .btn.btn-md {
    min-height: 39px;
    font-size: 1.125rem;
  }


  .inventory-item-redeem-button {
    width: 80%;
    /* margin: 0 auto; */
    margin-top: 25px;
  }
  
  .btn.btn-primary.focus, .btn.btn-primary.hover, .btn.btn-primary:focus, .btn.btn-primary:hover {
      box-shadow: none;
      background-color: #00aeff;
      border-color: #00aeff;
  }
  
  .btn-wow:hover {
      background: url(/resources/button-login.png) -37px -111.5px / 331px 358px no-repeat;
      color: rgb(255, 255, 0);
  }
  
  .btn-wow:active.btn:hover {
      background: url(/resources/button-login.png) -37px -198px / 331px 358px no-repeat;
      color: rgb(248, 183, 0);
  }
  
  .btn-wow:active.btn:not(:hover) {
      background: url(/resources/button-login.png) -37px -284.5px / 331px 358px no-repeat;
      color: rgb(248, 183, 0);;
  }
  
  
  .btn-large {
      margin: 0;
      font-size: 17px;
      line-height: 20px;
      height: 1px;
  }
  
  .btn.disabled, .btn:disabled {
      opacity: .4;
  }
  
  a.btn.disabled, fieldset:disabled a.btn {
      pointer-events: none;
  }
  
  .btn.btn-primary.disabled, .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled, .btn.btn-primary:disabled:hover {
      color: rgba(0,174,255,.9);
      background-color: rgba(27,30,39,.8);
      border-color: #00aeff;
  }
  
  .login-btn
  {
      outline: none;
      position: relative;
      top: -6px;
      white-space: nowrap;
      text-shadow: 2px 2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000, 2px 0px 2px #000, 0px 2px 2px #000, -2px 0px 2px #000, 0px -2px 2px #000
  }
  
  .btn:active > .login-btn {
      top: -4px;
      left: -2px;
  }
  
  .uneditable-input, select, textarea, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
      display: inline-block;
      vertical-align: middle;
      height: 34px;
      padding: 0 10px;
      margin-top: 3px;
      margin-bottom: 3px;
      font-size: 15px;
      line-height: 20px;
      border: 1px solid rgba(255,255,255,0.3);
      background-color: rgba(0,0,0,0.5);
      color: rgba(255,255,255,0.7);
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 2px;
  }
  
  .select_char_class_portrait{
      padding-left: 30px;
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
      font-size: 16px;
      text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black;
      outline: none;
  }
  
  .select2-container--default .select2-selection--single
  {
      font-size: 15px;
      border: 1px solid rgba(255,255,255,0.3);
      background-color: rgba(0,0,0,0.5);
      color: rgba(255,255,255,0.7);
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 2px;
      height: 32px;
  }
  
  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
      background-color: #0074e0;
      color: white;
      margin: 0;
  }
  
  .select2-results__option {
      padding: 2px;
      margin: 0;
  }
  
  .select2-container .select2-selection--single .select2-selection__rendered {
      font-size: 18px;
      color: rgba(255,255,255,0.7);
  }
  
  .select2-dropdown {
      width: fit-content;
      background: linear-gradient(180deg, rgb(0 0 0 / 50%) 0%, rgb(14 26 47 / 50%) 65%);
      border: 1px solid #0074e0;
      min-width: 250px;
      margin: 0px;
      transition: all 0.2s;
  }
  
  .select2-container--default .select2-results__option--selected {
      background-color: #0074e036;
      border: 1px solid #0074e0;
  }
  
  
  select, textarea, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      transition: background-position .2s,background-color .2s,border-color .2s,box-shadow .2s;
  }
  
  input.input-large {
      margin: 5px 0;
      padding: 0 10px;
      font-size: 17px;
      line-height: 20px;
      height: 40px;
  }
  
  input:invalid, input:valid, input:required {
      box-shadow: inherit;
  }
  
  input:invalid {
      outline: 2px solid red;
  }
  .uneditable-input.input-block, select.input-block, textarea.input-block, input[type="color"].input-block, input[type="date"].input-block, input[type="datetime"].input-block, input[type="datetime-local"].input-block, input[type="email"].input-block, input[type="month"].input-block, input[type="number"].input-block, input[type="password"].input-block, input[type="search"].input-block, input[type="tel"].input-block, input[type="text"].input-block, input[type="time"].input-block, input[type="url"].input-block, input[type="week"].input-block {
      width: 100%;
  }
  
  #challenge-input, #footer .nav-footer-icon-container, #footer .nav-ratings, #footer .support-feedback, #sending, .input-after {
      display: none;
  }
  
  
  .blz-password-wrapper {
      position: relative;
  }
  
  .blz-password-wrapper .view-password-button {
      position: absolute;
      top: 17px;
      right: 8px;
      cursor: pointer;
  }
  
  .blz-password-wrapper .view-password-button i.fas.fa-eye {
      display: block;
      width: 18px;
      height: 16px;
      background-repeat: no-repeat;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iJiMxMDsgICAgZmlsbDogIzAwYWVmZjsmIzEwOyI+PHBhdGggZD0iTTU2OS4zNTQgMjMxLjYzMUM1MTIuOTY5IDEzNS45NDkgNDA3LjgxIDcyIDI4OCA3MiAxNjguMTQgNzIgNjMuMDA0IDEzNS45OTQgNi42NDYgMjMxLjYzMWE0Ny45OTkgNDcuOTk5IDAgMCAwIDAgNDguNzM5QzYzLjAzMSAzNzYuMDUxIDE2OC4xOSA0NDAgMjg4IDQ0MGMxMTkuODYgMCAyMjQuOTk2LTYzLjk5NCAyODEuMzU0LTE1OS42MzFhNDcuOTk3IDQ3Ljk5NyAwIDAgMCAwLTQ4LjczOHpNMjg4IDM5MmMtNzUuMTYyIDAtMTM2LTYwLjgyNy0xMzYtMTM2IDAtNzUuMTYyIDYwLjgyNi0xMzYgMTM2LTEzNiA3NS4xNjIgMCAxMzYgNjAuODI2IDEzNiAxMzYgMCA3NS4xNjItNjAuODI2IDEzNi0xMzYgMTM2em0xMDQtMTM2YzAgNTcuNDM4LTQ2LjU2MiAxMDQtMTA0IDEwNHMtMTA0LTQ2LjU2Mi0xMDQtMTA0YzAtMTcuNzA4IDQuNDMxLTM0LjM3OSAxMi4yMzYtNDguOTczbC0uMDAxLjAzMmMwIDIzLjY1MSAxOS4xNzMgNDIuODIzIDQyLjgyNCA0Mi44MjNzNDIuODI0LTE5LjE3MyA0Mi44MjQtNDIuODIzYzAtMjMuNjUxLTE5LjE3My00Mi44MjQtNDIuODI0LTQyLjgyNGwtLjAzMi4wMDFDMjUzLjYyMSAxNTYuNDMxIDI3MC4yOTIgMTUyIDI4OCAxNTJjNTcuNDM4IDAgMTA0IDQ2LjU2MiAxMDQgMTA0eiIvPjwvc3ZnPg==);
  }
  
  .blz-password-wrapper .view-password-button i.fas.fa-eye-slash {
      display: block;
      background-repeat: no-repeat;
      width: 18px;
      height: 16px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iJiMxMDsgICAgZmlsbDogIzAwYWVmZjsmIzEwOyI+PHBhdGggZD0iTTI4Ni42OTMgMzkxLjk4NGwzMi41NzkgNDYuNTQyQTMzMy45NTggMzMzLjk1OCAwIDAgMSAyODggNDQwQzE2OC4xOSA0NDAgNjMuMDMxIDM3Ni4wNTEgNi42NDYgMjgwLjM2OWE0Ny45OTkgNDcuOTk5IDAgMCAxIDAtNDguNzM5YzI0LjAyMy00MC43NjYgNTYuOTEzLTc1Ljc3NSA5Ni4wMjQtMTAyLjUzN2w1Ny4wNzcgODEuNTM5QzE1NC43MzYgMjI0LjgyIDE1MiAyNDAuMDg3IDE1MiAyNTZjMCA3NC43MzYgNjAuMTM1IDEzNS4yODIgMTM0LjY5MyAxMzUuOTg0em0yODIuNjYxLTExMS42MTVjLTMxLjY2NyA1My43MzctNzguNzQ3IDk3LjQ2LTEzNS4xNzUgMTI1LjQ3NWwuMDExLjAxNSA0MS40NyA1OS4yYzcuNiAxMC44NiA0Ljk2IDI1LjgyLTUuOSAzMy40MmwtMTMuMTEgOS4xOGMtMTAuODYgNy42LTI1LjgyIDQuOTYtMzMuNDItNS45TDEwMC4zNCA0Ni45NGMtNy42LTEwLjg2LTQuOTYtMjUuODIgNS45LTMzLjQybDEzLjExLTkuMThjMTAuODYtNy42IDI1LjgyLTQuOTYgMzMuNDIgNS45bDUxLjAzOCA3Mi42MTdDMjMwLjY4IDc1Ljc3NiAyNTguOTA1IDcyIDI4OCA3MmMxMTkuODEgMCAyMjQuOTY5IDYzLjk0OSAyODEuMzU0IDE1OS42MzFhNDguMDAyIDQ4LjAwMiAwIDAgMSAwIDQ4LjczOHpNNDI0IDI1NmMwLTc1LjE3NC02MC44MzgtMTM2LTEzNi0xMzYtMTcuOTM5IDAtMzUuMDU2IDMuNDczLTUwLjcyOSA5Ljc3MmwxOS4yOTkgMjcuMDU4YzI1Ljg2OS04LjE3MSA1NS4wNDQtNi4xNjMgODAuNCA3LjQxaC0uMDNjLTIzLjY1IDAtNDIuODIgMTkuMTctNDIuODIgNDIuODIgMCAyMy42MjYgMTkuMTQ3IDQyLjgyIDQyLjgyIDQyLjgyIDIzLjY1IDAgNDIuODItMTkuMTcgNDIuODItNDIuODJ2LS4wM2MxOC40NjIgMzQuNDkgMTYuMzEyIDc3LjkxNC04LjI1IDExMC45NXYuMDFsMTkuMzE0IDI3LjA2MUM0MTEuNDk2IDMyMS4yIDQyNCAyOTAuMDc0IDQyNCAyNTZ6TTI2Mi4wMTQgMzU2LjcyN2wtNzcuNTMtMTEwLjc1N2MtNS4wMTQgNTIuMzg3IDI5LjMxNCA5OC4zNTQgNzcuNTMgMTEwLjc1N3oiLz48L3N2Zz4=);
  }
  
  .blz-password-wrapper .caps-lock-indicator {
      position: absolute;
      top: 15px;
      right: 33px;
  }
  
  .blz-password-wrapper .caps-lock-indicator i.fas.fa-arrow-alt-square-up {
      display: block;
      width: 17px;
      height: 20px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBzdHlsZT0iJiMxMDsgICAgZmlsbDogcmdiYSgyNTUsMjU1LDI1NSwwLjYpOyYjMTA7Ij48cGF0aCBkPSJNMCA0MzJWODBjMC0yNi41IDIxLjUtNDggNDgtNDhoMzUyYzI2LjUgMCA0OCAyMS41IDQ4IDQ4djM1MmMwIDI2LjUtMjEuNSA0OC00OCA0OEg0OGMtMjYuNSAwLTQ4LTIxLjUtNDgtNDh6bTI2OC02MFYyNTZoNzAuOWMxMC43IDAgMTYuMS0xMyA4LjUtMjAuNUwyMzIuNSAxMjEuMmMtNC43LTQuNy0xMi4yLTQuNy0xNi45IDBsLTExNSAxMTQuM0M5MyAyNDMgOTguNCAyNTYgMTA5LjEgMjU2SDE4MHYxMTZjMCA2LjYgNS40IDEyIDEyIDEyaDY0YzYuNiAwIDEyLTUuNCAxMi0xMnoiLz48L3N2Zz4=);
      background-repeat: no-repeat;
  }
  
  body #login-wrapper {
      margin: 0 auto 200px;
      padding: 0 20px;
  }
  
  body #login-wrapper button#submit {
      margin-top: 5px;
      margin-bottom: 6px;
  }
  
  body .login {
      width: 100%;
      max-width: 360px;
      margin-left: auto;
      margin-right: auto;
  }
  
  body .thirdparty-line {
      font-size: 13px;
      color: rgba(255,255,255,.3);
      text-transform: uppercase;
      display: block;
      overflow: hidden;
      white-space: nowrap;
  }
  
  #help-links {
      list-style-type: none;
      margin: -15px;
  }
  
  li.signup-li {
      color: grey;
      padding-bottom: 20px;
  }
  
  a#signup:hover {
      text-decoration: underline;
  }
  
  .signup-li > a {
      color: #04ff00;
      text-transform: uppercase;
      outline: none;
  }
  
  a#signupHelp {
      outline: none;
  }
  
  a#signupHelp:hover {
      text-decoration: underline;
  }
      
  label.step__field--label.step__form__block:hover {
      text-decoration: underline;
  }
  
  .step__field--label {
      align-items: center;
      cursor: pointer;
      position: relative;
      font-size: .99em;
  }
  
  
  .Pane--dirtDark {
      color: #ebdec2;
  }
  
  .Pane--leatherGrayMap {
      color: #b1997f;
  }
  
  .Pane--leatherBlue {
      color: #967a53;
  }
  
  .margin-bottom-small {
      margin-bottom: 10px!important;
  }
  
  .fontWeight-bold {
      font-weight: 700;
  }
  
  .text-nowrap {
    white-space: nowrap;
  }
  
  .text-upper {
      text-transform: uppercase;
  }
  
  .align-center {
      text-align: center;
  }
  
  .margin-none {
      margin: 0!important;
  }
  
  p.margin-none.font-bliz-light-medium-beige {
      text-shadow: 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black;
  }	
  
  .Button--ghost.Button--purchase {
      background: rgba(159,22,0,.6);
  }
  
  .Panel-button, .Panel-button.Button, .Panel-button.IronButton {
      margin: 10px;
      outline:none;
  }
  
  .Button--purchase:active {
      transform: scale(0.95);
  }
  
  html:not(.touch) .Button--ghost.Button--purchase:hover, .Button-label:hover {
      background: #9f1600;
      color: white;
  }
  
  .Button--ghost .Button-outer {
      border: 1px solid #c77e19;
  }
  
  .Button--ghost.Button--purchase .Button-outer {
      border-color: #ea3012;
  }
  
  .Button--ghost .Button-inner {
      padding: 12px 30px;
  }
  
  .Button-label {
      position: relative;
      z-index: 1;
  }
  
  .pass_error
  {
      outline: 2px solid red;
  }
  
  /* SHOP */
  
  .store-root-container
  {
      min-height: 400px;
      text-align: left;
      background: url(/resources/store_root_bg.png) top center no-repeat;
  }
  
  .store-browsing-card-nav
  {
      display: block;
      background: rgba(0,0,0,.15);
      border-bottom: 1px solid rgba(255,255,255,.15);
      border-top: 1px solid rgba(255,255,255,.15);
  }
  
  .app-container {
      margin-left: auto;
      margin-right: auto;
      max-width: 1600px;
      padding-left: 10px;
      padding-right: 10px;
  }
  
  /*INVENTARIO*/
  
  .inventory-wrapper{
      width: 100%;
      margin: auto;
  }
  
  .inventory-items-wrapper{
      width: 565px;
      height: 565px;
      background: #161d447d;
      text-align: left;
      padding: 10px;
      display: inline-block;
      vertical-align: top;
      box-shadow: inset 0 0 20px 13px #0a0e1c;
  }
  
  .inventory-item-wrapper{
      width: fit-content;
      height: fit-content;
      padding: 5px;
      padding-bottom: 3px;
      display: inline-block;
      position: relative;
  }
  
  .inventory-item:hover{
      filter: brightness(1.2);
      transform: scale(1.05);
  }
  
  .inventory-item{
      width: 100px;
      height: 100px;
      cursor: pointer;
      transition: all 0.2s;
      box-shadow: 5px 7px 3px 0px #000000b0;
  }
  
  .inventory-item-description-wrapper{
      width: 350px;
      height: 565px;
      background: rgb(2,0,36);
      background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgb(20 24 53 / 82%) 65%);
      text-align: left;
      padding: 10px;
      display: inline-block;
      vertical-align: top;
      box-shadow: inset 0 0 20px 13px #0a0e1c;
  }
  
  .inventory-item-link {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      z-index: 2;
  }
  
  .inventory-description-image-wrapper{
      text-align: center;
      width: 100%;
      height: 200px;
      margin: auto;
      padding-bottom: 20px;
      padding-top: 20px;
  }
  
  .inventory-description-image{
      text-align: center;
      width: 200px;
      height: 200px;
      margin: auto;
      box-shadow: 5px 7px 3px 0px #000000b0;
  }
  
  .inventory-description-image-separator{
      width: 100%;
      height: 25px;
      background: rgb(2,0,36);
      background: linear-gradient(90deg, rgba(2,0,36,0) 10%, rgb(20 21 58) 50%, rgba(0,212,255,0) 90%);
      border-radius: 10px;
  }
  
  .inventory-description-text-wrapper{
      padding: 10px;
  }
  
  .inventory-description-title{
      font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
      font-size: 20px;
      color: #ffa600;
  }
  
  .inventory-item-game-logo{
      width: 20px;
      height: 20px;
      display: inline-block;
      vertical-align: middle;
  }
  
  .inventory-item-game-title{
      vertical-align: middle;
      display: inline;
      color: grey;
  }
  
  .inventory-pagination-wrapper{
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .inventory-pagination-left{
      display: inline;
      vertical-align: middle;
      margin: 5px;
      padding: 0px 10px;
      cursor: pointer;
      background: linear-gradient(180deg, rgb(36 49 72) 0%, rgb(23 28 62) 65%);
  }
  
  .inventory-pagination-right{
      display: inline;
      vertical-align: middle;
      margin: 5px;
      padding: 0px 10px;
      cursor: pointer;
      background: linear-gradient(180deg, rgb(36 49 72) 0%, rgb(23 28 62) 65%);
  }
  
  .inventory-pagination-right:hover{
      background: linear-gradient(180deg, rgb(60 79 112) 0%, rgb(33 39 80) 65%);
  }
  
  .inventory-pagination-left:hover{
      background: linear-gradient(180deg, rgb(60 79 112) 0%, rgb(33 39 80) 65%);
  }
  
  .inventory-pagination-pages{
      display: inline;
  }
  
  .inventory-pagination-arrow{
      width: 10px;
      height: 10px;
  }
  
  /*REDEEM*/
  
  .redeem-item-wrapper{
      display: flex;
  }
  
  
  .select-character-redeem{
      background: linear-gradient(180deg, rgb(7 18 38) 0%, rgb(17 20 42 / 55%) 65%);
      width: 100px;
      height: auto;
      border-radius: 5px;
      border: solid 1px blue;
      margin: 0;
  }
  
  .select-character-redeem-option{
      margin-bottom: 0;
      list-style: none;
      cursor: pointer;
  }
  
  
  .input-loot-history-ganador:hover{
      background-color: #0d2d4eba;
  }
  
  .input-loot-history-ganador{
      height: 37px;
      outline: none;
      background-color: #141414;
      border: 1px solid #7b796659;
      color: wheat;
      padding-left: 10px;
      width: 250px;
      user-select: none;
      box-shadow: inset 0 0 11px 1px black;
      display: inline-block;
      vertical-align: top;
      cursor: pointer;
  }
  
  .loot-history-search-icon-ganador{
      color: #757575;
      cursor: pointer;
      width: fit-content;
      font-size: 22px;
      padding: 5px;
      height: fit-content;
      margin-left: -40px;
      pointer-events: none;
      position: relative;
  }
  
  .loot-history-ganador-select-wrapper{
      pointer-events: none;
      max-height: 0px;
      overflow: hidden;
      transition: all 0.2s;
  }
  
  .show-loot-history-ganador-select-wrapper{
      pointer-events: auto;
      max-height: 270px;
  }
  
  .loot-history-ganador-select{
      list-style: none;
      width: fit-content;
      background: linear-gradient(180deg, rgb(0 0 0 / 50%) 0%, rgb(14 26 47 / 50%) 65%);
      border: 1px solid #0074e0;
      min-width: 250px;
      margin: 0px;
      transition: all 0.2s;
  }
  
  
  .a-loot-history-ganador-select{
      color: white;
      text-decoration: none;
      display: block;
      padding: 3px;
      text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black;
      outline: none;
      font-size: 14px;
  }
  
  .loot-history-ganador-select li:hover{
      background-color: #0d2d4eba;
      padding-left: 5px;
  }
  
  .loot-history-select-ganador-li{
      font-family: 'Semplicita Pro';
      margin: 0px;
      transition: all 0.2s;
  }
  
  .ganador-select-class-brujo {
      padding-left: 30px;
      color: #8788EE;
      background-image: url(/resources/classes/9.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
    }
  
  .ganador-select-class-cazador {
      padding-left: 30px;
      color: #AAD372;
      background-image: url(/resources/classes/3.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
  }
  
  .ganador-select-class-chaman {
      padding-left: 30px;
      color: #0070DD;
      background-image: url(/resources/classes/7.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
  }
  
  .ganador-select-class-dk {
      padding-left: 30px;
      color: #C41E3A;
      background-image: url(/resources/classes/6.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
  }
  
  .ganador-select-class-druida {
      padding-left: 30px;
      color: #FF7C0A;
      background-image: url(/resources/classes/11.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
    }
  
  .ganador-select-class-guerrero {
      padding-left: 30px;
      color: #C69B6D;
      background-image: url(/resources/classes/1.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
    }
  
  .ganador-select-class-mago {
      padding-left: 30px;
      color: #3FC7EB;
      background-image: url(/resources/classes/8.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
  }
  
  .ganador-select-class-paladin {
      padding-left: 30px;
      color: #F48CBA;
      background-image: url(/resources/classes/2.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
  }
  
  .ganador-select-class-picaro {
      padding-left: 30px;
      color: #FFF468;
      background-image: url(/resources/classes/4.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
  }
  
  .ganador-select-class-sacerdote {
      padding-left: 30px;
      color: #FFFFFF;
      background-image: url(/resources/classes/5.png);
      background-size: 19px;
      background-repeat: no-repeat;
      background-position: 4px 4px;
  }
  
  .display-block{
      display: block;
  }
  
  @media screen and (min-width: 768px){
  .app-container {
      padding-left: 30px;
      padding-right: 30px;
  }
  }
  
  @media screen and (min-width: 960px){
  .app-container {
      padding-left: 40px;
      padding-right: 40px;
  }
  }
  
  .browsing-card-group-nav {
      display: flex;
      flex-flow: wrap;
      justify-content: flex-end;
      flex-direction: column;
      position: relative;
      transition: .3s ease;
  }
  
  @media screen and (min-width: 1280px){
  .browsing-card-group-nav {
      flex-direction: row;
  }
  }
  
  .browsing-card-group-nav .group-link-container{
      display: none;
      flex: 1;
      position: relative;
      transition: margin-left .3s ease;
      min-height: 50px;
      font-size: .85em;
      border-bottom: 1px solid rgba(255,255,255,.15);
  }
  
  @media screen and (min-width: 1280px){
  .browsing-card-group-nav .group-link-container {
      font-size: 1em;
      border-bottom: 0;
  }
  }
  
  @media screen and (min-width: 600px){
  .browsing-card-group-nav .group-link-container {
      display: flex; /* Unused now */
  }
  }
  
  .browsing-card-group-nav .group-link-container .group-link {
      display: flex;
      align-items: center;
      position: relative;
      cursor: pointer;
      margin: 0 10px;
  }
  
  .browsing-card-group-nav .group-link-container .group-link:first-of-type {
      margin-left: 0;
  }
  
  .browsing-card-group-nav .group-link-container .group-link .group-name {
      white-space: nowrap;
      text-align: center;
      transition: .3s ease;
      opacity: .6;
      color: #fff;
      text-overflow: ellipsis;
      max-width: 200px;
      overflow: hidden;
  }
  
  .balance-amount {
      color: #6cdb00;
  }
  
  .price-amount {
      color: #db2100;
  }
  
  .browsing-card-group-nav .group-filter-container {
      display: flex;
      flex: 1 1 initial;
      align-items: center;
      min-height: 50px;
  }
  
  
  .form-inline {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
  }
  
  .mt-2, .my-2 {
      margin-top: .5rem!important;
  }
  
  @media (min-width: 576px){
  .mt-sm-0, .my-sm-0 {
      margin-top: 0!important;
  }
  }
  
  @media screen and (min-width: 768px){
  .browse-page-filter .form-inline {
      flex-flow: initial;
  }
  }
  
  .form-inline > fieldset {
      min-width: 0;
      padding: 0;
      margin: 0;
      border: 0;
  }
  
  .sr-only {
      border: 0;
      clip: rect(0,0,0,0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
  }
  
  .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0,0,0,0);
      white-space: nowrap;
      border: 0;
  }
  
  
  .browse-page-filter .form-wrapper {
      display: flex;
  }
  
  .form-group {
      margin-bottom: 1rem;
  }
  
  @media (min-width: 576px){
  .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0;
  }
  }
  
  .browse-page-filter .form-group:first-of-type {
      margin-right: 18px;
  }
  
  @media screen and (max-width: 480px){
  .browse-page-filter .form-group:first-of-type {
      margin-right: 0;
  }
  }
  
  @media (max-width: 480px){
  .browse-page-filter .form-group {
      width: 100%;
  }
  }
  
  @media (min-width: 576px){
  .mr-sm-2, .mx-sm-2 {
      margin-right: .5rem!important;
  }
  }
  
  @media (min-width: 576px){
  .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0;
  }
  }
  
  
  .custom-select {
      display: inline-block;
      width: 100%;
      height: calc(2.25rem + 2px);
      padding: .375rem 1.75rem .375rem .75rem;
      line-height: 1.5;
      color: #fff;
      vertical-align: middle;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%2300aeff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E</svg%3E") right .75rem center no-repeat rgba(0,8,26,.6);
      background-size: 8px 10px;
      border: 1px solid rgba(0,8,26,.6);
      border-radius: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }
  
  @media (min-width: 576px){
  .form-inline .custom-select, .form-inline .input-group {
      width: auto;
  }
  }
  
  .custom-select option {
      color: rgba(255,255,255,.6);
      background-color: #272f3b;
      border-color: #272f3b;
  }
  
  .custom-select option:checked {
      background-color: #0d639f;
  }
  
  .browsing-card-group-animated {
      width: 100%;
      display: flex;
      padding: 10px 0;
  }
  
  @media (min-width: 600px){
      .browsing-card-group-animated {
      width: 50%;
      padding: 10px;
  }
  }
  
  @media (min-width: 960px){
      .browsing-card-group-animated {
      width: 33.33333333%;
  }
  }
  
  @media (min-width: 1024px){
      .browsing-card-group-animated {
      width: 25%;
  }
  }
  
  @media (min-width: 1400px)
  {
      .browsing-card-group-animated {
      width: 20%;
  }
  }
  
  .store-browsing-card-group .main {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: left;
      align-items: stretch;
  }
  
  @media (min-width: 600px){
  .store-browsing-card-group .main {
      margin-left: -10px;
      margin-right: -10px;
  }
  }
  
  @media (min-width: 1400px){
  .store-browsing-card-group.has-blurb .main {
      padding-left: 20%;
  }
  }
  
  [hidden] {
      display: none!important;
  }
  
  .js-focus-visible :focus:not(.focus-visible) {
      outline: 0;
  }
  
  .key-event {
      background-color: #000;
      color: #fff;
      border: 1px solid rgba(255,255,255,.6);
      padding: 5px;
      position: absolute;
      font-size: 12px;
      white-space: nowrap;
      z-index: 1;
      margin-top: -3em;
  }
  
  .store-browsing-card-loading {
      width: 100%;
      position: relative;
      background: linear-gradient(
  180deg
  ,#15171e,#1a1c23);
      border: none!important;
      box-shadow: 0 0 2px rgb(0 0 0 / 24%);
      cursor: pointer;
      will-change: transform;
      transition: .2s ease;
      cursor: default;
  }
  
  @media (min-width: 600px){
      .store-browsing-card-loading {
          width: 50%;
          padding: 10px;
      }
  }
  
  
  @media (min-width: 600px){
      .store-browsing-card-loading {
          width: 50%;
          padding: 10px;
      }
  }
  
  @media (min-width: 960px){
      .store-browsing-card-loading {
          width: 33.3333333333%;
      }
  }
  
  @media (min-width: 1024px){
      .store-browsing-card-loading {
          display:none;
      }
  }
  
  @media (min-width: 1024px) and (max-width: 1399px) {
  .store-browsing-card-loading {
      width: 25%;
  }
  }
  
  
  
  .browsing-card {
      width: 100%;
      position: relative;
      border: none!important;
      box-shadow: 0 0 2px rgba(0,0,0,.3);
      cursor: pointer;
      will-change: transform;
      transition: .2s ease;
  }
  
  @media (min-width: 960px){
  .browsing-card {
      min-height: 400px;
  }
  }
  
  a.ng-star-inserted:focus {
      outline: 0;
  }
  
  .browsing-card:hover {
      box-shadow: 0 7px 15px rgba(0,0,0,.3);
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      background-color: rgba(0,174,255,.05);
  }
  
  .browsing-card .background {
      position: absolute;
      overflow: hidden;
      width: 100%;
      height: 100%;
  }
  
  .browsing-card .background .vertical {
      height: 100%;
      background-size: 350px auto!important;
      background-position: 50% 0!important;
      background-repeat: no-repeat!important;
      display: none;
  }
  
  @media (min-width: 960px){
  .browsing-card .background .vertical {
      display: block;
  }
  }
  
  .browsing-card .background .horizontal {
      height: 100%;
      background-size: 343.75px 250px!important;
      background-position: 100% 50%!important;
      background-repeat: no-repeat!important;
  }
  
  @media (min-width: 960px){
  .browsing-card .background .horizontal {
      display: none;
  }
  }
  
  .browsing-card .content {
      display: flex;
      flex-flow: column;
      justify-content: flex-start;
      position: relative;
      height: 100%;
      padding: 20px;
  }
  
  @media (min-width: 960px){
  .browsing-card .content {
      padding: 20px;
  }
  }
  
  @media (min-width: 960px){
  .browsing-card .content .family-img-container {
      height: 225px;
  }
  }
  
  .browsing-card .content .family-img-container {
      display: flex;
      align-items: flex-end;
      margin-bottom: 6px;
  }
  
  .browsing-card .content .family-img-container .family-icon-container {
      width: 30px;
      height: 30px;
  }
  
  .browsing-card .content .family-img-container .family-icon-container img {
      width: 100%;
  }
  
  .browsing-card .content .name {
      color: #fff;
      overflow: hidden;
      max-width: 50%;
      font-size: 14px;
      line-height: 1.3;
      font-weight: 600;
      margin-bottom: 4px;
  }
  
  @media (min-width: 960px) {
  .browsing-card .content .name {
      font-size: 18px;
      max-width: 100%;
      margin-bottom: 6px;
  }
  }
  
  .browsing-card .content .notification {
      font-size: 10px;
      line-height: 1.4;
      max-width: 50%;
      margin-bottom: 4px;
      color: #fecc00;
  }
  
  @media (min-width: 960px){
  .browsing-card .content .notification {
      font-size: 14px;
      line-height: 1.3;
      max-width: 100%;
      margin-bottom: 6px;
  }
  }
  
  .browsing-card .content .price[_ngcontent-c21] {
      flex: 1 1 auto;
      display: flex;
      justify-content: flex-end;
      flex-direction: column;
      color: #fff;
      margin: 20px 0 0;
      overflow: hidden;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 400;
  }
  
  @media (min-width: 960px){
  .browsing-card .content .price[_ngcontent-c21] {
      font-size: 16px;
      line-height: 1.4;
      max-width: 100%;
  }
  }
  
  .price.show-discount-percentage {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      white-space: pre;
  }
  
  @media screen and (min-width: 960px){
  .price.show-discount-percentage {
      justify-content: space-between;
  }
  }
  
  .price.show-discount-percentage .price-details {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
  }
  
  .price .discount {
      padding-right: 8px;
      color: #6cdb00;
  }
  
  .price .full:not(:only-child) {
      text-decoration: line-through;
      font-size: 80%;
      color: hsla(0,0%,100%,.6);
  }
  
  .price.show-discount-percentage .discount-percentage {
      display: inline-block;
      border-radius: 1rem;
      padding: 0 .5rem;
      margin-left: 1rem;
      background-color: #6cdb00;
      color: #001430;
      font-weight: 700;
      font-size: 1rem;
      white-space: nowrap;
  }
  
  .price.show-discount-percentage.product-option-layout .discount-percentage, .price.show-discount-percentage.product-total-layout .discount-percentage {
      margin-top: 0;
      padding: .1rem .5rem .2rem .55rem;
      font-size: 1.5rem;
      position: relative;
      top: 2px;
  }
  
  .price.show-discount-percentage.product-total-layout .discount-percentage {
      top: 6px;
  }
  
  .product-button-section .buttons {
      list-style-type: none;
      margin: 0;
      padding: 0;
  }
  
  .product-background {
      min-height: 250px;
      position: relative;
      display: flex;
  }
  
  @media screen and (min-width: 768px){
  .product-background {
      border-bottom: 1px solid rgba(255,255,255,.15);
      min-height: 520px;
  }
  }
  
  .product-backgroun .background{
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
  }
  
  .product-background .background .mobile {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background-position-x: center!important;
      background-size: 768px auto!important;
      background-repeat: no-repeat!important;
      will-change: transform;
      transition: background .3s ease .3s;
  }
  
  @media screen and (min-width: 768px){
  .product-background .background .mobile {
      box-shadow: inset 0 -30px 60px rgba(0,0,0,.3);
      background-size: 2280px!important;
  }
  }
  
  @media screen and (min-width: 768px) {
  .product-background .background .mobile {
      display: none;
  }
  }
  
  .product-background .background .desktop {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background-position-x: center!important;
      background-size: 768px auto!important;
      background-repeat: no-repeat!important;
      will-change: transform;
      transition: background .3s ease .3s;
      display: none;
  }
  
  @media screen and (min-width: 768px){
  .product-background .background .desktop {
      box-shadow: inset 0 -30px 60px rgba(0,0,0,.3);
      background-size: 2280px!important;
      display: block;
  }
  }
  
  .product-background .content {
      position: relative;
      display: flex;
      flex: 1 1 auto;
      width: 100%;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      max-width: 1600px;
      padding-left: 10px;
      padding-right: 10px;
  }
  
  @media screen and (min-width: 768px){
  .product-background .content {
      padding-left: 30px;
      padding-right: 30px;
      justify-content: flex-end;
  }
  }
  
  .product-page header .product-selection-container {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 240px;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      flex-direction: column;
  }
  
  @media screen and (min-width: 768px){
  .product-page header .product-selection-container {
      max-width: 500px;
      padding-top: 0;
      width: 50%;
  }
  }
  
  .product-page header .product-selection-container #storefront-product-selection {
      width: 100%;
      position: relative;
      bottom: -10px;
      z-index: 1;
  }
  
  @media screen and (min-width: 768px){
  .product-page header .product-selection-container #storefront-product-selection {
      bottom: -40px;
  }
  }
  
  .product-selection {
      width: 100%;
      background: linear-gradient(to bottom,#272e3b,#1c2534);
      box-shadow: 0 6px 24px rgba(0,0,0,.3);
      border-top: 2px solid rgba(255,255,255,.15);
      color: white;
  }
  
  .product-selection .header {
      padding: 20px;
      border-bottom: 1px solid rgba(0,0,0,.3);
  }
  
  .product-selection dd, .product-selection dl {
      margin-bottom: 0;
  }
  
  .product-selection .actions {
      padding: 18px;
  }
  
  @media screen and (min-width: 1280px) {
  .product-selection .actions {
      padding: 20px;
  }
  }
  
  .product-header {
      display: flex;
      flex-direction: row;
  }
  
  .product-header .franchise-icon {
      display: block;
      max-width: 60px;
      max-height: 60px;
      margin-right: 8px;
  }
  
  .product-header .name-category-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex: 1;
      padding-left: 6px;
  }
  
  .product-header .name-category-container .name {
      margin: 0 0 .2rem;
      line-height: 1.2;
      font-weight: 300;
  }
  
  .font-weight-light {
      font-weight: 300!important;
  }
  
  .font-weight-normal {
      font-weight: 400!important;
  }
  
  .product-notification {
      background-color: #ffb400;
      padding: 8px 30px;
      font-size: 1.4rem;
      font-weight: 500;
      line-height: 1.2;
      color: #000;
      margin: 0;
  }
  
  .product-notification-warning {
      background-color: #e91414;
      color: white;
  }
  
  .product-notification h6 {
      color: #000;
      margin: 0;
  }
  
  .product-selection .total {
      padding: 20px 20px 0;
  }
  
  .product-total h3 {
      font-weight: 300;
  }
  
  .product-header .name-category-container .category {
      color: hsla(0,0%,100%,.84);
      margin: 2px 0 0;
      font-size: 1.4rem;
  }
  
  .product-total {
      line-height: 1.2;
      margin-bottom: 0;
  }
  
  .product-total dd {
      font-weight: 300;
      font-size: 1.97rem;
      margin-bottom: 0;
  }
  
  .product-total .price-container {
      margin-bottom: .5rem;
  }
  
  .primary.button-block{
      flex: 1 1 100%;
      display: block;
  }
  
  .product-button {
      padding: 2px;
  }
  
  .product-button a {
      transition: color .3s;
  }
  
  .grid-container {
      box-sizing: border-box;
      margin-left: auto;
      margin-right: auto;
      max-width: 1200px;
      padding-left: 40px;
      padding-right: 40px;
  }
  
  .clear, .grid-container:after, .grid-container:before {
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
  }
  
  .grid-container:after, .grid-container:before {
      content: ".";
      font-size: 0;
      line-height: 0;
  }
  
  @media screen and (max-width: 567px){
  body:not(.unresponsive) .purchase-container {
      width: 100%;
  }
  }
  
  .purchase-container {
      margin: 100px auto 0;
      max-width: 710px;
      position: relative;
      direction: rtl;
  }
  
  #store-root .storefront-main {
      min-height: 400px;
  }
  
  @media screen and (max-width: 767px){
  body:not(.unresponsive) .purchase-container {
      margin-top: 0;
  }
  }
  
  @media screen and (max-width: 767px){
  .mobile-grid-100 {
      clear: both;
      width: 100%;
  }
  }
  
  @media screen and (max-width: 767px){
  .mobile-grid-100:after, .mobile-grid-100:before {
      content: ".";
      font-size: 0;
      line-height: 0;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
  }
  }
  
  .purchase-container * {
      direction: ltr;
  }
  
  #price-breakdown .price, #price-breakdown div {
      max-height: 100px;
      transition: all .2s ease-in-out 0ms;
  }
  
  .purchase-container .purchase-column-right {
      padding-left: 30px;
      padding-right: 0;
  }
  
  .purchase-container .purchase-column {
      display: table-cell;
      vertical-align: top;
  }
  
  @media screen and (max-width: 567px){
  body:not(.unresponsive) .purchase-container .purchase-column {
      border: 0;
      display: block;
      padding: 0;
      max-width: none;
  }
  }
  
  @media screen and (max-width: 567px){
  body:not(.unresponsive) .purchase-container .purchase-column:first-of-type {
      border-bottom: 1px solid hsla(0,0%,100%,.1);
      margin-bottom: 13px;
      padding-bottom: 15px;
      width: 100%;
  }
  }
  
  @media screen and (max-width: 567px){
  body:not(.unresponsive) .purchase-container .purchase-column+.purchase-column {
      width: 100%;
  }
  }
  
  @media screen and (max-width: 567px){
  body:not(.unresponsive) .purchase-container:first-child .purchase-sidebar .product-summary {
      text-align: center;
  }
  }
  
  .purchase-sidebar {
      color: #fff;
      width: 240px;
  }
  
  @media screen and (max-width: 567px){
  body:not(.unresponsive) .purchase-container:first-child .purchase-sidebar {
      border-right: 0;
      padding-right: 0;
      width: 100%;
  }
  }
  
  
  
  a.thumbnail, div.thumbnail {
      position: relative;
      display: block;
      box-sizing: border-box;
      box-shadow: 0 0 12px rgb(0 0 0 / 48%);
      transition: box-shadow .2s ease-in-out;
  }
  
  @media screen and (max-width: 567px){
  body:not(.unresponsive) .purchase-container:first-child .purchase-sidebar div.thumbnail {
      margin: auto;
      width: 240px;
  }
  }
  
  a.thumbnail>img, div.thumbnail>img {
      display: block;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      z-index: 10;
  }
  
  a.thumbnail:after, div.thumbnail:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      display: block;
      width: 100%;
      height: 100%;
      box-shadow: inset 0 0 0 1px rgb(0 0 0 / 70%), inset 0 0 0 2px hsl(0deg 0% 100% / 10%);
      transition: box-shadow .2s ease-in-out;
  }
  
  .product-summary .product-image img {
      width: 100%;
      height: auto;
  }
  
  .purchase-sidebar div.thumbnail>img {
      height: auto;
      max-width: 240px;
      width: 100%;
  }
  
  .heading-6, h6 {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .075em;
      color: hsla(0,0%,100%,.24);
  }
  
  .heading-5, .heading-6, h5, h6 {
      font-weight: 400;
      line-height: 24px;
      margin: 0 0 9.9px;
  }
  
  .heading-6, .product-name-group > h6 {
      font-size: 12px;
      text-transform: uppercase;
      display: block;
      letter-spacing: .075em;
      color: hsla(0,0%,100%,.24);
  }
  
  
  .control-label, .heading-6, h6 {
      font-size: 13px;
      color: hsla(0,0%,100%,.6);
  }
  
  .product-summary h6 {
      margin: 10px 0 0;
      color: hsla(0,0%,100%,.6);
  }
  
  .product-summary p {
      margin-bottom: 0;
      margin-top: 0;
  }
  
  .product-summary .mp-product-price, .product-summary .product-name {
      font-size: 16px;
      line-height: 21px;
      font-weight: 600;
  }
  
  .product-summary .product-details-group {
      margin-top: 19px;
  }
  
  .product-summary .product-details-group p {
      font-size: 14px;
      line-height: 21px;
      color: hsla(0,0%,100%,.72);
  }
  
  .product-summary .product-details-group p span, .purchase-help-text a {
      color: #148eff;
      transition: color .2s;
      font-weight: 800;
  }
  
  #payment-interface
  {
      min-width: 320px;
  }
  
  #payment-interface, .loading-indicator, .spinner-80-companion {
      transition: opacity .2s;
  }
  
  @media screen and (max-width: 567px){
  body:not(.unresponsive) #payment-interface {
      margin-top: 15px;
  }
  }
  
  @media (max-width: 960px){
      #payment-interface {
          min-width: 220px;
      }
  }
  
  @media (max-width: 590px){
      #payment-interface {
          min-width: 120px;
      }
  }
  
  .payment-col-right
  {
      float: right;
  }
  
  .purchase-help-text {
      line-height: 21px;
      margin-top: 16px;
      margin-bottom: 20px;
      font-size: 14px;
      color: hsla(0,0%,100%,.72);
  }
  
  .purchase-help-text a {
      text-decoration: underline;
  }
  
  .form-actions {
      margin: 0;
  }
  
  .purchase-container .purchase-column+.purchase-column {
      border-right: 1px solid hsla(0,0%,100%,.1);
      padding-left: 0;
      padding-right: 39px;
  }
  
  .form-actions:after, .form-actions:before {
      content: ".";
      font-size: 0;
      line-height: 0;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
  }
  
  .form-actions:after {
      clear: both;
  }
  
  .btn-extra-large {
      font-weight: 300;
      min-width: 194px;
      margin: 0;
      padding: 10px 20px;
      font-size: 18px;
      line-height: 24px;
      min-height: 44px;
  }
  
  
  
  .btn-store {
      text-overflow: ellipsis;
      white-space: nowrap;
      float: right;
      overflow: hidden;
      font-size: 16px;
      line-height: 24px;
      min-height: 46px;
      background-color: #15171e;
      color: #148eff;
      border: 1px solid #0074e0;
      box-shadow: 0 0 transparent;
      border-radius: 0;
      transition: background-color .2s,box-shadow .2s,background-color .2s,border-color .2s,color .2s;
  }
  
  
  div.form-actions:not(.no-primary)>.btn:first-child:not(.hide-on-app), div.form-actions:not(.no-primary)>.btn:first-child:not(.hide-on-isolated-checkout), div.form-actions:not(.no-primary)>.btn:first-child:not(.hide-on-mobile), div.form-actions:not(.no-primary)>.btn:first-child:not(.hide-on-web) {
      background-color: #0074e0;
      color: #fff;
      border: 1px solid #0074e0;
      box-shadow: 0 0 transparent;
      border-radius: 0;
      transition: background-color .2s,box-shadow .2s,background-color .2s,border-color .2s,color .2s;
  }
  
  .form-actions .btn {
      float: left;
  }
  
  @media screen and (max-width: 767px){
  .form-actions .btn {
      float: inherit;
  }
  }
  
  @media screen and (max-width: 767px){
  .form-actions .btn+.btn {
      margin-left: 0;
      margin-top: 12px;
  }
  }
  
  @media screen and (max-width: 567px){
  body:not(.unresponsive) #payment-interface .btn+.btn {
      margin-left: 0;
  }
  }
  
  @media screen and (max-width: 767px){
  .btn, .btn.btn-wide {
      font-size: 17px;
      width: 100%;
  }
  }
  
  .form-actions .btn+.btn {
      margin-left: 10px;
  }
  
  @media (min-width: 970px){
  
      .SiteNav--thinFull .SiteNav-area {
          max-width: 100%;
      }
      
  }

  .vote-item {
    background: hsla(0,100%,0%,.5);
    display: inline-block;
    border: 1px solid #0d4564;
    padding: 5px;
    margin: 5px;
    width: 150px;
    position: relative;
  }

  .vote-separator {
    padding: 5px;
    border-bottom: 1px solid #0e86ca;
    border-top: 1px solid #0e86ca;
    display: block;
    margin: 10px;
  }

  .vote-separator span {
    color: white;
}

.vote-cooldown {
    position: absolute;
    height: 52px;
    padding-top: 30px;
    background: #000000de;
    left: 15px;
}