/**
 * Site background for every page except the Account screen (/#/main).
 * Account keeps images/background/account_background.png.
 */

html:not(:has(.userInfo__container[data-v-5bd44e74])),
body:not(:has(.userInfo__container[data-v-5bd44e74])),
html:has(#app .p3home[data-v-3dc40049]),
body:has(#app .p3home[data-v-3dc40049]),
html:has(#app .wallet-container),
body:has(#app .wallet-container),
html:has(.container[data-v-6cf5705a]),
body:has(.container[data-v-6cf5705a]),
html:has(.container.activity-wrapper[data-v-4a7709f3]),
body:has(.container.activity-wrapper[data-v-4a7709f3]) {
  background-color: #0b0f1a !important;
  background-image: url("/images/background/site-theme.jpg") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

body:not(:has(.userInfo__container[data-v-5bd44e74]))::before,
body:has(#app .p3home[data-v-3dc40049])::before,
body:has(.container.activity-wrapper[data-v-4a7709f3])::before,
body:has(.container[data-v-6cf5705a])::before,
body:has(#app .wallet-container)::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background: url("/images/background/site-theme.jpg") center top / cover no-repeat !important;
  animation: none !important;
}

body:not(:has(.userInfo__container[data-v-5bd44e74])) #app,
body #app:has(.p3home[data-v-3dc40049]),
body:has(.container.activity-wrapper[data-v-4a7709f3]) #app,
body #app:has(.container[data-v-6cf5705a]) {
  background: transparent !important;
  background-image: none !important;
}

#app .wallet-container[data-v-0dabd3fc] {
  background: transparent !important;
  background-image: none !important;
}