/* Option A: a single drop stretches, joins the panel and settles. Preview only. */
.waterdrop-a-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647;
  display: block;
  width: 100vw;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  background: transparent;
  pointer-events: none;
  contain: strict;
}

.waterdrop-a-layer svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* The dialog text remains in its normal layout; only the temporary liquid is drawn above it. */
#information.waterdrop-a-live {
  background: #f9fcfc;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}