/* Transform and opacity animate without changing text layout. */
main{overflow-x:clip}
.tms-text-enter{animation:tms-text-in 800ms cubic-bezier(.22,1,.36,1) var(--text-delay,0ms) backwards}
@keyframes tms-text-in{from{opacity:0;transform:translateX(var(--text-from,-48px))}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.tms-text-enter{animation-name:tms-text-in-mobile;animation-duration:650ms}}
@keyframes tms-text-in-mobile{from{opacity:0;transform:translateX(clamp(-22px,var(--text-from,-22px),22px))}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.tms-text-enter{animation:none!important}}
@media print{.tms-text-enter{animation:none!important}}