/* Isolated waterdrop option C; no production selector loads this stylesheet. */
.waterdrop-c-stage:popover-open {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  pointer-events: none;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 2147483640;
  contain: layout style;
}
.waterdrop-c-stage::backdrop { background: transparent !important; backdrop-filter: none !important; }
.waterdrop-c-film,
.waterdrop-c-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.waterdrop-c-film {
  background: linear-gradient(122deg, rgba(255,255,255,.09) 16%, rgba(218,244,248,.20) 43%, rgba(255,255,255,.035) 61%, rgba(133,179,189,.13) 100%);
  will-change: clip-path, opacity;
}
#information.waterdrop-c-opening::backdrop {
  animation: waterdrop-c-backdrop 900ms linear both;
}
#information.waterdrop-c-closing::backdrop {
  animation: waterdrop-c-backdrop 900ms linear reverse both;
}
@keyframes waterdrop-c-backdrop {
  0%, 65% { background: rgba(231,239,241,.08); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); }
  100% { background: #e7eff15c; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
}
.waterdrop-c-glass {
  position: absolute;
  inset: -8%;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.27), transparent 26%),
    linear-gradient(108deg, transparent 17%, rgba(255,255,255,.19) 25%, transparent 39%, rgba(187,221,226,.20) 64%, transparent 78%);
  transform: translateX(var(--liquid-shift, 0%));
}
.waterdrop-c-svg { overflow: visible; }
.waterdrop-c-shadow {
  fill: none;
  stroke: rgba(54,92,98,.27);
  stroke-width: 11px;
  filter: blur(7px);
}
.waterdrop-c-rim {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 1px 2px rgba(69,105,112,.22));
}
.waterdrop-c-glint {
  fill: none;
  stroke: rgba(255,255,255,.76);
  stroke-width: 2.2px;
  stroke-linecap: round;
  filter: blur(.35px);
}
.waterdrop-c-caustic {
  fill: none;
  stroke: rgba(197,234,238,.62);
  stroke-width: 3px;
  stroke-linecap: round;
  filter: blur(2px);
}
