// Splash cursor (reactbits port). Default: fixed full-viewport overlay
// that never captures pointer events. `--contained` fills the nearest
// positioned ancestor instead — the dye collides with the box walls.

.wr-splash-cursor {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: block;
  pointer-events: none;

  &__canvas {
    display: block;
    width: 100vw;
    height: 100vh;
  }

  &--contained {
    position: absolute;
    z-index: 0;
  }

  &--contained &__canvas {
    width: 100%;
    height: 100%;
  }
}