/* V1.32Beta: keep the selection layout container, but let the page use one continuous background. */

html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app
  #characterSelect#characterSelect#characterSelect.character-select
  .character-select-layout.character-select-layout {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app
  #characterSelect#characterSelect#characterSelect.character-select
  .character-select-layout.character-select-layout::before,
html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app
  #characterSelect#characterSelect#characterSelect.character-select
  .character-select-layout.character-select-layout::after,
html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app
  #characterSelect#characterSelect#characterSelect.character-select
  .character-scroll::before,
html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app
  #characterSelect#characterSelect#characterSelect.character-select
  .character-scroll::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app
  #characterSelect#characterSelect#characterSelect.character-select
  .character-scroll {
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app
  #characterSelect#characterSelect#characterSelect.character-select
  .character-grid {
  background: transparent !important;
}

@media (max-width: 760px) {
  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app
    #characterSelect#characterSelect#characterSelect.character-select
    .character-select-layout.character-select-layout {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }
}