/* Low-cost static SVG art per theme and view. No videos, blur filters or animations. */
html[data-theme] #appShell,
html[data-theme] #chatScreen,
html[data-theme] #directChatScreen,
html[data-theme] #systemChatScreen {
  background-color:var(--skin-bg)!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.26)),var(--se-scene-image,none)!important;
  background-position:center,center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:scroll!important;
}
html[data-theme] .sideDrawer {
  background-color:var(--skin-bg2)!important;
  background-image:linear-gradient(100deg,rgba(0,0,0,.58),rgba(0,0,0,.26)),var(--se-menu-image,none)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
/* Repeated continuous shadows were expensive on weaker Linux GPUs. */
html[data-theme="cyber-blue"] .rowCard,
html[data-theme="cyber-blue"] .settingsGroup,
html[data-theme="cyber-purple"] .rowCard,
html[data-theme="cyber-purple"] .settingsGroup {animation:none!important}
@media(max-width:620px){html[data-theme] .sideDrawer{background-position:65% center!important}}

/* The administrative client uses the same themed asset pipeline. */
html[data-theme] .masterAppShell,
html[data-theme] .masterAppMount {
  background-color:var(--skin-bg)!important;
  background-image:linear-gradient(155deg,rgba(0,0,0,.20),rgba(0,0,0,.46)),var(--se-admin-image,none)!important;
  background-position:center,center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}
/* Do not paint opaque areas over the artwork on Linux. */
html[data-theme] #mainContent {background-color:transparent!important}
html[data-theme] #chatScreen .messages,
html[data-theme] #directChatScreen .messages,
html[data-theme] #systemChatScreen .messages {background-color:transparent!important}
html[data-theme] .skinChoice::before {background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
html[data-theme="cyber-blue"] #chatScreen .bubble,
html[data-theme="cyber-purple"] #chatScreen .bubble {animation:none!important}