/* The host supplies its positioning and rounded clipping boundary. The water
   canvas lives inside the dialog so native top-layer ordering stays intact. */
.has-water-transition { isolation:isolate; }
.drawer-water-transition {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:inherit;
  pointer-events:none;
  user-select:none;
  z-index:20;
  contain:strict;
}
@media (prefers-reduced-motion:reduce) {
  .drawer-water-transition { display:none; }
}