/* Progressive liquid enhancement: semantic images and text stay in the document. */
:where(picture[data-liquid]) { position: relative; }
picture[data-liquid] > .liquid-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  opacity: 0;
}
picture[data-liquid][data-liquid-ready="true"] > .liquid-canvas { opacity: 1; }
picture[data-liquid][data-liquid-ready="true"] > img { opacity: 0; }
.liquid-filter-definitions { position: fixed; width: 0; height: 0; overflow: hidden; pointer-events: none; }
@media (prefers-reduced-motion: reduce), (max-width: 767px), (hover: none), (pointer: coarse) {
  picture[data-liquid] > .liquid-canvas { display: none !important; }
  picture[data-liquid][data-liquid-ready="true"] > img { opacity: 1 !important; }
  [data-liquid-text][data-liquid-disturbance="active"] { filter: none !important; }
}