html[data-vtdir] .trh { opacity: 0; }

.tr-on.tr-on.tr-on { opacity: 1; }

.trsr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }

.trw { display: inline-block; }

.trm { display: inline-block; clip-path: inset(-0.35em -0.25em -0.08em); }

@keyframes trLine { 
  0% { opacity: 1; transform: translateY(115%); }
  100% { opacity: 1; transform: none; }
}

@keyframes trClipOpen { 
  0%, 90% { clip-path: inset(-0.35em -9999px 0px); }
  100% { clip-path: inset(-3em -9999px); }
}

@media (prefers-reduced-motion: reduce) {
  html[data-vtdir] .trh { opacity: 1; }
  .trw, .trm { animation: auto ease 0s 1 normal none running none !important; transform: none !important; clip-path: none !important; }
}