/* The cursor has no opacity/filter ancestor, so refraction can sample the real page underneath. */
.liquid-cursor-defs {
  position:fixed;
  width:0;
  height:0;
  pointer-events:none;
}
.liquid-cursor {
  position:fixed;
  z-index:1000;
  left:0;
  top:0;
  width:320px;
  height:320px;
  pointer-events:none;
  transform-origin:160px 160px;
  will-change:transform;
}
.liquid-cursor[hidden] { display:none; }
.liquid-cursor-active,.liquid-cursor-active a,.liquid-cursor-active button { cursor:none; }
.liquid-cursor svg,.liquid-cursor-glass {
  position:absolute;
  inset:0;
  width:320px;
  height:320px;
}
.liquid-cursor-glass {
  clip-path:url(#ymc-drop-clip);
  background:rgba(232,237,245,.035);
  -webkit-backdrop-filter:blur(1px) brightness(1.03);
  backdrop-filter:url(#ymc-drop-refraction) brightness(1.03) saturate(.92);
}
.liquid-cursor-shadow {
  transform:translate(5px,11px);
  filter:blur(7px);
  fill:rgba(73,82,99,.10);
  stroke:none;
}
.liquid-cursor-optics { overflow:visible; }
.drop-reflection {
  stroke:rgba(255,255,255,.98);
  stroke-width:3.3;
  stroke-linecap:round;
  filter:drop-shadow(0 0 2px #fff);
  transform-origin:160px 160px;
}
.liquid-cursor-hotspot {
  position:absolute;
  top:159px;
  left:159px;
  width:2px;
  height:2px;
  border-radius:50%;
  background:rgba(35,41,52,.4);
}
@media(prefers-reduced-motion:reduce),(pointer:coarse) {
  .liquid-cursor { display:none; }
  .liquid-cursor-active,.liquid-cursor-active a,.liquid-cursor-active button { cursor:auto; }
}