/* Shopochups backdrop: only main content and the space between cards. */
.main-shell > main{
 --chups-paper:
  radial-gradient(ellipse 4px 1.4px at 28px 35px,#c966871c 92%,transparent 100%),
  radial-gradient(ellipse 1.4px 4px at 137px 104px,#278c7718 92%,transparent 100%),
  radial-gradient(circle at 188px 48px,#c89e3d1b 1.2px,transparent 1.8px),
  radial-gradient(ellipse at 18% 0%,#e8a8bf15,transparent 68%),
  linear-gradient(120deg,#ffffff21,transparent 65%);
 --chups-paper-size:180px 160px,220px 190px,260px 210px,100% 720px,100% 100%;
 --chups-paper-repeat:repeat,repeat,repeat,no-repeat,no-repeat;
}
html[data-theme="dark"] .main-shell > main{
 --chups-paper:
  repeating-linear-gradient(45deg,transparent 0 31px,#8ba7ad09 31px 32px,transparent 32px 64px),
  repeating-linear-gradient(-45deg,transparent 0 31px,#8ba7ad09 31px 32px,transparent 32px 64px),
  radial-gradient(circle at 24px 24px,#a0c5bf0e 1px,transparent 1.5px),
  radial-gradient(ellipse at 75% 0%,#5c82950c,transparent 66%),
  linear-gradient(115deg,#ffffff02,transparent 65%);
 --chups-paper-size:91px 91px,91px 91px,182px 182px,100% 760px,100% 100%;
}
html[data-theme="cosmic"] .main-shell > main{
 --chups-paper:
  radial-gradient(circle at 33px 51px,#e7dcff2e .8px,transparent 1.4px),
  radial-gradient(circle at 191px 147px,#bfd2ff26 1.1px,transparent 1.8px),
  radial-gradient(circle at 99px 21px,#dfb2e522 .6px,transparent 1.2px),
  radial-gradient(ellipse at 14% 0%,#9362d518,transparent 64%),
  radial-gradient(ellipse at 88% 42%,#518cce12,transparent 65%);
 --chups-paper-size:280px 240px,430px 370px,190px 170px,100% 900px,100% 1100px;
}
.main-shell > main,
.main-shell > main :is(.cards,.publication-grid,.product-grid,.clips-grid){
 background-color:var(--bg,#f3f7f6);
 background-image:var(--chups-paper);
 background-size:var(--chups-paper-size);
 background-repeat:var(--chups-paper-repeat);
 background-position:0 0;
}
/* End Shopochups backdrop. */