.tdl-rotate .tdl-word {
    transition: opacity 0.22s ease, transform 0.22s ease;
    display: inline-block;
    will-change: opacity, transform;
}
.tdl-rot-fade-out { opacity: 0; transform: translateY(-0.15em); }
.tdl-rot-fade-in  { opacity: 1; transform: translateY(0); }

.tdl-rotate .tdl-word.tdl-hover-underline { text-decoration: none; }
.tdl-rotate .tdl-word.tdl-hover-underline:hover,
.tdl-rotate .tdl-word.tdl-hover-underline a:hover { text-decoration: underline; }

.tdl-rotate .tdl-ch {
    display: inline-block;
    opacity: 0;
    transform: translateY(0.35em);
    transition: opacity 0.28s ease, transform 0.28s ease;
    white-space: pre;
}
.tdl-rotate .tdl-ch.tdl-ch-in { opacity: 1; transform: translateY(0); }

.tdl-rotate .tdl-link { color: inherit; text-decoration: inherit; }