/* The effect never owns layout, input, scroll, or the document overflow. */
#pgAutumnAmbient.pg-autumn-ambient,
#pgAutumnAmbient.pg-autumn-ambient * {
  pointer-events: none !important;
  user-select: none;
  -webkit-user-select: none;
}
#pgAutumnAmbient.pg-autumn-ambient {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  contain: strict;
  z-index: 4;
  visibility: hidden;
}
#pgAutumnAmbient[data-ready="true"] { visibility: visible; }
#pgAutumnAmbient canvas { display: block; width: 100%; height: 100%; }
/* SWELL puts WordPress body classes on #body_wrap. Keep the article above the effect. */
#pgAutumnAmbient[data-surface="article"] { z-index: 0; }
#body_wrap.pg-autumn-preview-article {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
}
#body_wrap.pg-autumn-preview-article :is(.l-container,.l-content,.l-mainContent) {
  background-color: transparent !important;
}