/* Containment/layout added for the native adaptation; palette comes from the supplied component. */
.dr-root {
  --dr-calm: #22e6ff;
  --dr-mid: #8a5cff;
  --dr-hot: #ff3d9a;
  --dr-core: #eafcff;
  --dr-vignette: .48;
  --dr-grain: .025;
  --dr-bloom-blur: 7px;
  --dr-bloom-opacity: .5;
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  contain: layout paint;
  opacity: var(--dr-opacity, .34);
  border-radius: inherit;
}
.dr-root > canvas,
.dr-vignette,
.dr-grain {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dr-bloom {
  filter: blur(var(--dr-bloom-blur));
  opacity: var(--dr-bloom-opacity);
  mix-blend-mode: screen;
}
.dr-vignette {
  opacity: var(--dr-vignette);
  background: radial-gradient(ellipse at center, transparent 28%, #020308 100%);
}
.dr-grain {
  opacity: var(--dr-grain);
  background: repeating-linear-gradient(0deg, transparent 0 3px, #eafcff 3px 4px);
}