/* Desktop/browser: make the accent background fill the whole canvas */
@media (min-width: 700px){
  html,
  body{
    min-height:100%;
  }

  body.pp-display-active-desktop{
    background:
      radial-gradient(circle at 18% 10%, rgba(var(--pp-accent-rgb,124,58,237),.20), transparent 34%),
      radial-gradient(circle at 88% 18%, rgba(var(--pp-accent-rgb,124,58,237),.12), transparent 30%),
      linear-gradient(135deg,
        rgba(var(--pp-accent-rgb,124,58,237),.16) 0%,
        #3c4140 42%,
        #343938 100%
      ) !important;
    background-attachment: fixed !important;
  }

  body.pp-display-active-desktop.light,
  body.pp-display-active-desktop:not(.dark){
    background:
      radial-gradient(circle at 18% 10%, rgba(var(--pp-accent-rgb,124,58,237),.18), transparent 34%),
      radial-gradient(circle at 88% 18%, rgba(var(--pp-accent-rgb,124,58,237),.10), transparent 30%),
      linear-gradient(135deg,
        rgba(var(--pp-accent-rgb,124,58,237),.14) 0%,
        #eef0ee 44%,
        #e4e7e5 100%
      ) !important;
    background-attachment: fixed !important;
  }

  body.pp-display-active-desktop #app,
  body.pp-display-active-desktop #mainView,
  body.pp-display-active-desktop .screen{
    background: transparent !important;
  }

  body.pp-display-active-desktop #ppDesktopRail{
    background: transparent !important;
  }
}