/* The original PNGs still define the size and remain the static fallback. */
.abc-letters button { position:relative; }
.abc-letters .liquid-glyph {
  display:none;
  position:absolute;
  left:-20%;
  top:-20%;
  width:140%;
  height:140%;
  pointer-events:none;
  transform-origin:50% 60%;
}
.abc-letters button.liquid-ready > img { opacity:0; }
.abc-letters button.liquid-ready > .liquid-glyph { display:block; }
body[data-theme=day] .abc-letters .liquid-glyph {
  filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 36px #fff) drop-shadow(0 0 62px #ffffffd9);
}
@media (prefers-reduced-motion:reduce), (hover:none), (pointer:coarse) {
  .abc-letters button.liquid-ready > img { opacity:1; }
  .abc-letters button.liquid-ready > .liquid-glyph { display:none; }
}