/* Language colour classes — only shown when indicateScript is on */

html.latinify-indicate [class*="transliterated-"] {

text-decoration: solid underline;

text-underline-offset: 5px;

text-decoration-skip-ink: none;

}

html.latinify-indicate .transliterated-arabic { text-decoration-color: teal; }

html.latinify-indicate .transliterated-bengali { text-decoration-color: darkgreen; }

html.latinify-indicate .transliterated-devanagari { text-decoration-color: lightgreen; }

html.latinify-indicate .transliterated-gujarati { text-decoration-color: goldenrod; }

html.latinify-indicate .transliterated-gurmukhi { text-decoration-color: violet; }

html.latinify-indicate .transliterated-kannada { text-decoration-color: gold; }

html.latinify-indicate .transliterated-malayalam { text-decoration-color: magenta; }

html.latinify-indicate .transliterated-odia { text-decoration-color: orchid; }

html.latinify-indicate .transliterated-sinhala { text-decoration-color: dodgerblue; }

html.latinify-indicate .transliterated-tamil { text-decoration-color: crimson; }

html.latinify-indicate .transliterated-telugu { text-decoration-color: hotpink; }

/* Stats overlay */

#latinify-stats-overlay {

display: none;

position: fixed;

bottom: 20px;

right: 20px;

background-color: rgba(0, 0, 0, 0.7);

color: white;

padding: 10px;

border-radius: 5px;

font-family: monospace;

z-index: 10000;

pointer-events: none;

}

#latinify-stats-overlay.visible {

display: block;

}