/* Generated transparent PNG illustrations: their transparent shapes mask the same ink as the words. */
.onform-reading-pair { display:inline-block; white-space:nowrap; }
.onform-reading-icon {
  position:relative; display:inline-block; width:1.15em; height:1lh;
  vertical-align:top; margin-inline:.12em .08em;
}
.onform-reading-icon--windmill { --reading-icon:url('/assets/onform/statement-icons/windmill-image-v1.png'); width:1.48em; }
.onform-reading-icon--lightning { --reading-icon:url('/assets/onform/statement-icons/lightning-image-v1.png'); width:.82em; }
.onform-reading-icon--hand { --reading-icon:url('/assets/onform/statement-icons/hand-image-v1.png'); width:2.1em; }
.onform-reading-icon--book { --reading-icon:url('/assets/onform/statement-icons/book-image-v1.png'); width:1.65em; }
.onform-reading-icon::before {
  content:''; position:absolute; inset:-.28em 0 -.1em;
  background:var(--blue,#012bba);
  -webkit-mask:var(--reading-icon) center / contain no-repeat;
  mask:var(--reading-icon) center / contain no-repeat;
  pointer-events:none;
}
.onform-reading-icon--hand::before { inset:.04em 0 -.04em; }
.onform-reading-icon--book::before { inset:0 0 -.06em; }
.onform-statement__text.is-reading .onform-reading-icon {
  background:none; color:inherit;
  -webkit-background-clip:border-box; background-clip:border-box;
}
.onform-statement__text.is-reading .onform-reading-icon::before {
  background:linear-gradient(90deg,var(--blue,#012bba) var(--word-fill,0%),#b9bec8 var(--word-fill,0%));
}
@media(prefers-reduced-motion:reduce) {
  .onform-statement__text.is-reading .onform-reading-icon::before { background:var(--blue,#012bba); }
}

/* Decoded WebM frames share the same painted shape and reading fill. */
.onform-reading-video { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.onform-reading-canvas { position:absolute; inset:-.28em 0 -.1em; width:100%; height:calc(100% + .38em); display:block; visibility:hidden; pointer-events:none; }
.onform-reading-icon--hand .onform-reading-canvas { top:.04em; bottom:-.04em; height:100%; }
.onform-reading-icon--book .onform-reading-canvas { top:0; bottom:-.06em; height:calc(100% + .06em); }
.onform-reading-icon.is-video-ready::before { display:none; }
.onform-reading-icon.is-video-ready .onform-reading-canvas { visibility:visible; }