.readable .word-roller{font:inherit;color:inherit;letter-spacing:inherit;line-height:1;display:inline-grid;padding:0;margin:0;border:0;background:transparent;text-align:left;vertical-align:baseline;perspective:700px;cursor:pointer;overflow:clip;border-radius:5px}
.word-roller .rolling-word{grid-area:1/1;display:block;padding:.06em .015em .08em 0;opacity:0;transform:translateY(.8em) rotateX(-85deg);transform-origin:center;backface-visibility:hidden;transition:transform .48s cubic-bezier(.2,.7,.2,1),opacity .36s}
.word-roller .rolling-word.is-active{opacity:1;transform:translateY(0) rotateX(0)}
.word-roller .rolling-word.is-leaving{opacity:0;transform:translateY(-.8em) rotateX(85deg)}
.word-roller:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.word-roller[aria-pressed="true"]{text-decoration:underline;text-decoration-color:#52d7ff55;text-decoration-thickness:2px;text-underline-offset:.1em}
.word-roller:disabled{cursor:default}
@media(prefers-reduced-motion:reduce){.word-roller .rolling-word{transition:none}}