/* V1.28Beta-profession-bg-leftup1: profession codex class backgrounds crop farther left and slightly higher. */
html body:not(.maintenance-mode) #professionCodexDialog.profession-codex-dialog .profession-codex-card {
  --profession-bg-position: 80% -14px !important;
  --profession-bg-size: 150% auto !important;
}

html body:not(.maintenance-mode) #professionCodexDialog.profession-codex-dialog .profession-codex-card[data-profession="shaman"] {
  --profession-bg-position: 76% -14px !important;
  --profession-bg-size: 146% auto !important;
}

html body:not(.maintenance-mode) #professionCodexDialog.profession-codex-dialog .profession-codex-card .profession-codex-bg {
  background:
    linear-gradient(90deg, rgba(2, 5, 11, 0.72) 0%, rgba(2, 5, 11, 0.38) 45%, rgba(2, 5, 11, 0.08) 100%),
    linear-gradient(180deg, rgba(3, 6, 12, 0), rgba(3, 6, 12, 0.58)),
    var(--profession-bg) var(--profession-bg-position) / var(--profession-bg-size) no-repeat,
    rgba(5, 9, 16, 0.96) !important;
}

@media (max-width: 720px) {
  html body:not(.maintenance-mode) #professionCodexDialog.profession-codex-dialog .profession-codex-card {
    --profession-bg-position: 84% -10px !important;
    --profession-bg-size: 168% auto !important;
  }

  html body:not(.maintenance-mode) #professionCodexDialog.profession-codex-dialog .profession-codex-card[data-profession="shaman"] {
    --profession-bg-position: 80% -10px !important;
    --profession-bg-size: 160% auto !important;
  }
}