/* Background-only layer. Remove this stylesheet link to restore the original
   background in styles.css. Baseline commit: 5c85da01cfeb71152dd843e8ffec5d90f1638fea. */

body {
  background-color: #fdfbfc;
  isolation: isolate;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(ellipse 470px 380px at 50% 110px, #fff 0%, rgba(255, 255, 255, .94) 43%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 650px 700px at -8% 12%, rgba(255, 118, 152, .32) 0%, rgba(255, 118, 152, 0) 73%),
    radial-gradient(ellipse 620px 630px at 107% 27%, rgba(157, 130, 242, .27) 0%, rgba(157, 130, 242, 0) 74%),
    radial-gradient(ellipse 650px 530px at 4% 105%, rgba(255, 172, 120, .25) 0%, rgba(255, 172, 120, 0) 73%),
    radial-gradient(ellipse 600px 510px at 102% 104%, rgba(108, 194, 230, .24) 0%, rgba(108, 194, 230, 0) 74%),
    linear-gradient(135deg, #fff9fa 0%, #fcfaff 54%, #f7fcff 100%);
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url('assets/creator-backdrop.svg'), radial-gradient(circle, rgba(111, 87, 111, .075) .75px, transparent .9px);
  background-size: 1440px 1000px, 28px 28px;
  background-position: center top, center top;
  background-repeat: no-repeat, repeat;
}

@media (max-width: 760px) {
  body::before {
    background:
      radial-gradient(ellipse 210px 270px at 50% 90px, #fff 0%, rgba(255, 255, 255, .94) 45%, rgba(255, 255, 255, 0) 100%),
      radial-gradient(ellipse 280px 500px at -25% 15%, rgba(255, 118, 152, .26) 0%, rgba(255, 118, 152, 0) 75%),
      radial-gradient(ellipse 280px 500px at 125% 30%, rgba(157, 130, 242, .23) 0%, rgba(157, 130, 242, 0) 75%),
      radial-gradient(ellipse 350px 430px at 10% 110%, rgba(255, 172, 120, .21) 0%, rgba(255, 172, 120, 0) 75%),
      linear-gradient(150deg, #fffbfc, #faf8ff 65%, #f3fbff);
  }

  body::after {
    background-image: radial-gradient(circle, rgba(111, 87, 111, .06) .65px, transparent .85px);
    background-size: 24px 24px;
    background-repeat: repeat;
  }
}

@media print {
  body { background: #fff; }
  body::before, body::after { display: none; }
}