index.md

layout	title
landing	Recursive

Maximum utility. Maximum fun.

Built to maximize versatility, control, and performance, Recursive is a five-axis variable font. This enables you to choose from a wide range of predefined styles, or dial in exactly what you want for each of its axes: Monospace, Casual, Weight, Slant, and Cursive. Taking full advantage of variable font technology, Recursive offers an unprecedented level of flexibility, all from a single font file.ile.

{% include singlefile2.html %}

Extraordinarily versatile.

Recursive draws inspiration from single-stroke casual signpainting, a style of brush writing that is stylistically flexible and warmly energetic. Adapting this aesthetic basis into a type system, Recursive is designed to excel in digital interactive environments. This makes the typeface ideal for a wide range of uses, including data-rich apps, technical documentation and code editors.

One font. Infinite combinations.

Recursive is crafted with adaptability and diversity in mind, offering a complete type system but ensuring that each style can pair perfectly with its siblings. With so many possible variations across its subfamilies, weights and styles, Recursive allows for a dozen of font combinations that provide enough contrast to clearly define typographic roles, while maintaining a cohesive voice.

Sans && Mono. In one file. MONO

The typeface comes in two practical and highly readable subfamilies, Sans and Mono. Thanks to its Monospace axis (MONO), both of these subfamilies can be used in a single font file. You can even select custom instances that are semi-proportional or semi-monospaced.

Of course, vertical metrics such as line height, cap height, and x-height are shared across the entire Monospace axis. This allows harmonious and performant layouts, even where different proportions are mixed, such as in data-rich applications and technical documentation.

Recursive Sans is made for text & user interface design. While its proportional characters deliver comfortable reading at text sizes, its heaviest weights are perfect to create punchy, tightly-spaced headlines.

Recursive Mono is made for code. Its characters share the same width for clear legibility and perfect alignment. This is particularly helpful for use in programming and data-heavy design tasks, but also allows for creative possibilities in display typography.

A Sans for more robust layouts.

The characters within both subfamilies, Sans & Mono, maintain the exact same width across all font styles, independently of the values set on the Weight, Casual, Slant, and Cursive axes. You can therefore use Recursive to create animated font transitions without breaking the layout of UI elements like menus and buttons.

• Menu Item
• Item Two
• Choose Me

font-family:
sans-serif;

• Menu Item
• Item Two
• Choose Me

font-family: Recursive;

Ready for work. Ready for play. CASL

Recursive uses its Casual axis (CASL) to offer a range of personality, allowing you to get just the right tone for any context. Along this axis, letterforms adjust in stroke curvature, contrast, and terminals to go from a sturdy, rational Linear to a friendly, energetic Casual. All the styles along this axis are designed to maintain high legibility at medium and text sizes. In display sizes, it is most effective to use either end of the Casual axis.

Linear (CASL 0) styles have subtly-flattened edges and simple, open forms. This optimizes readability and enables enhanced focus in dense information, such as long-form text and complex code.

Casual (CASL 1) echoes the soft & curvy brush strokes of casual signpainting, but simplifies these forms for a striking and inviting tone. This makes it ideal for web headlines, code snippets, and command line interfaces.

CASL: 600

&

Linear
1. Rationalized construction
2. Smooth counters
3. 20-unit terminal cuts
4. 20-unit inktraps
5. Flattened sides
6. Simple diagonals
7. Squared strokes

Casual
1. Brush-based construction
2. Kinked counters
3. 6-unit inktraps & terminals
4. 6-unit inktraps & terminals
5. Organic curves
6. Curved diagonals
7. Softened strokes

Light to ExtraBlack. And everything in between. wght

Recursive comes in a wide range of weights, from Light (300) to a super-heavy Black (900). You can choose from its seven predefined weights, or set a custom value through its Weight (wght) axis. And because Recursive maintains consistent letterforms along the entire Weight axis, it allows for smooth animations between any of its different weights.

wght: 600

CASL: 0

1.00

$$$$$

Slant and Cursive. Two axes that work great together, or separate. slnt, CRSV

In Recursive, slant and cursive letterforms can be controlled separately. The Slant axis (slnt) defines the angle of the letters, while the Cursive axis (CRSV) lets you tweak how cursive letterforms are substituted in along slnt.

Recursive’s cursive letterforms (CRSV 1) replace familiar “roman” letterforms with cursive alternates like the single-story “a” and “g”. By default, Recursive will automatically apply these cursive alternates when setting the Slant axis (slnt) beyond -14. This allows smooth, animated transitions from normal to oblique type up to 13.99° of slope, but also a “true italic” style with cursive letterforms at 14°. It is also possible to use sloped romans (slnt -15, CRSV 0), upright italics (slnt 0, CRSV 1), or set custom values on both axes for more options to play with.

slnt: 600

ital: 0 (off)ital: 0.5 (auto)ital: 1 (on)

 g  g  g 

Powerful, yet simple to use.

As a variable font, Recursive gives you fine-grained control over each one of its styles. However, it also comes with 64 predefined styles that are easy to access through your font menu. Called named instances¹, these work just like regular static fonts do.

¹ Named instance: a predetermined location in the designspace of a variable font, similar to the "static instances" that are familiar in traditional digital fonts.

Recursive

Light
(300)

Regular
(400)

Medium
(500)

Semibold
(600)

Bold
(700)

ExtraBold
(800)

Heavy
(900)

ExtraBlack
(1000)

Mono

Casual

• Normal
• rw
• rw
• rw
• rw
• rw
• rw
• rw
• rw

• Italic
• rw
• rw
• rw
• rw
• rw
• rw
• rw
• rw

Linear

• Normal
• rw
• rw
• rw
• rw
• rw
• rw
• rw
• rw

• Italic
• rw
• rw
• rw
• rw
• rw
• rw
• rw
• rw

Sans

Casual

• Normal
• rw
• rw
• rw
• rw
• rw
• rw
• rw
• rw

• Italic
• rw
• rw
• rw
• rw
• rw
• rw
• rw
• rw

Linear

• Normal
• rw
• rw
• rw
• rw
• rw
• rw
• rw
• rw

• Italic
• rw
• rw
• rw
• rw
• rw
• rw
• rw
• rw

Supports over 200 languages.

To meet the needs of global communication, Recursive supports a wide range of Latin-based languages, including Vietnamese. It also comes with an extended set of currencies, symbols, fractions, and arrows.

Abenaki, Afaan Oromo, Afar, Afrikaans, Albanian, Alsatian, Amis, Anuta, Aragonese, Aranese, Aromanian, Arrernte, Arvanitic (Latin), Asturian, Atayal, Aymara, Azerbaijani, Bashkir (Latin), Basque, Belarusian (Latin), Bemba, Bikol, Bislama, Bosnian, Breton, Cape Verdean Creole, Catalan, Cebuano, Chamorro, Chavacano, Chichewa, Chickasaw, Cimbrian, Cofán, Cornish, Corsican, Creek, Crimean Tatar (Latin), Croatian, Czech, Danish, Dawan, Delaware, Dholuo, Drehu, Dutch, English, Esperanto, Estonian, Faroese, Fijian, Filipino, Finnish, Folkspraak, French, Frisian, Friulian, Gagauz (Latin), Galician, Ganda, Genoese, German, Gikuyu, Gooniyandi, Greenlandic (Kalaallisut), Guadeloupean Creole, Gwich’in, Haitian Creole, Hän, Hawaiian, Hiligaynon, Hopi, Hotcąk (Latin), Hungarian, Icelandic, Ido, Igbo, Ilocano, Indonesian, Interglossa, Interlingua, Irish, Istro-Romanian, Italian, Jamaican, Javanese (Latin), Jèrriais, Kaingang, Kala Lagaw Ya, Kapampangan (Latin), Kaqchikel, Karakalpak (Latin), Karelian (Latin), Kashubian, Kikongo, Kinyarwanda, Kiribati, Kirundi, Klingon, Kurdish (Latin), Ladin, Latin, Latino sine Flexione, Latvian, Lithuanian, Lojban, Lombard, Low Saxon, Luxembourgish, Maasai, Makhuwa, Malay, Maltese, Manx, Māori, Marquesan, Megleno-Romanian, Meriam Mir, Mirandese, Mohawk, Moldovan, Montagnais, Montenegrin, Murrinh-Patha, Nagamese Creole, Nahuatl, Ndebele, Neapolitan, Ngiyambaa, Niuean, Noongar, Norwegian, Novial, Occidental, Occitan, Old Icelandic, Old Norse, Onĕipŏt, Oshiwambo, Ossetian (Latin), Palauan, Papiamento, Piedmontese, Polish, Portuguese, Potawatomi, Q’eqchi’, Quechua, Rarotongan, Romanian, Romansh, Rotokas, Sami (Inari Sami), Sami (Lule Sami), Sami (Northern Sami), Sami (Southern Sami), Samoan, Sango, Saramaccan, Sardinian, Scottish Gaelic, Serbian (Latin), Seri, Seychellois Creole, Shawnee, Shona, Sicilian, Silesian, Slovak, Slovenian, Slovio (Latin), Somali, Sorbian (Lower Sorbian), Sorbian (Upper Sorbian), Sotho (Northern), Sotho (Southern), Spanish, Sranan, Sundanese (Latin), Swahili, Swazi, Swedish, Tagalog, Tahitian, Tetum, Tok Pisin, Tokelauan, Tongan, Tshiluba, Tsonga, Tswana, Tumbuka, Turkish, Turkmen (Latin), Tuvaluan, Tzotzil, Uzbek (Latin), Venetian, Vepsian, Vietnamese, Volapük, Võro, Wallisian, Walloon, Waray-Waray, Warlpiri, Wayuu, Welsh, Wik-Mungkan, Wiradjuri, Wolof, Xavante, Xhosa, Yapese, Yindjibarndi, Zapotec, Zarma, Zazaki, Zulu, Zuni

<!-- BEGIN CHARSET GRID -->
<div class="grid clearfix" id="grid">
    <span class="complete">
        A
        <div class="detail">
            <div class="letter-lg">
                A          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a (u+0041)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        À
        <div class="detail">
            <div class="letter-lg">
                À          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with grave (u+00c0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Á
        <div class="detail">
            <div class="letter-lg">
                Á          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with acute (u+00c1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Â
        <div class="detail">
            <div class="letter-lg">
                Â          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with circumflex (u+00c2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ã
        <div class="detail">
            <div class="letter-lg">
                Ã          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with tilde (u+00c3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ä
        <div class="detail">
            <div class="letter-lg">
                Ä          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with diaeresis (u+00c4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Å
        <div class="detail">
            <div class="letter-lg">
                Å          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with ring above (u+00c5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ā
        <div class="detail">
            <div class="letter-lg">
                Ā          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with macron (u+0100)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ă
        <div class="detail">
            <div class="letter-lg">
                Ă          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with breve (u+0102)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ą
        <div class="detail">
            <div class="letter-lg">
                Ą          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with ogonek (u+0104)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ǻ
        <div class="detail">
            <div class="letter-lg">
                Ǻ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with ring above and acute (u+01fa)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȁ
        <div class="detail">
            <div class="letter-lg">
                Ȁ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with double grave (u+0200)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȃ
        <div class="detail">
            <div class="letter-lg">
                Ȃ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with inverted breve (u+0202)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ạ
        <div class="detail">
            <div class="letter-lg">
                Ạ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with dot below (u+1ea0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ả
        <div class="detail">
            <div class="letter-lg">
                Ả          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with hook above (u+1ea2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ấ
        <div class="detail">
            <div class="letter-lg">
                Ấ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with circumflex and acute (u+1ea4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ầ
        <div class="detail">
            <div class="letter-lg">
                Ầ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with circumflex and grave (u+1ea6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẩ
        <div class="detail">
            <div class="letter-lg">
                Ẩ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with circumflex and hook above (u+1ea8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẫ
        <div class="detail">
            <div class="letter-lg">
                Ẫ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with circumflex and tilde (u+1eaa)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ậ
        <div class="detail">
            <div class="letter-lg">
                Ậ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with circumflex and dot below (u+1eac)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ắ
        <div class="detail">
            <div class="letter-lg">
                Ắ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with breve and acute (u+1eae)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ằ
        <div class="detail">
            <div class="letter-lg">
                Ằ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with breve and grave (u+1eb0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẳ
        <div class="detail">
            <div class="letter-lg">
                Ẳ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with breve and hook above (u+1eb2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẵ
        <div class="detail">
            <div class="letter-lg">
                Ẵ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with breve and tilde (u+1eb4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ặ
        <div class="detail">
            <div class="letter-lg">
                Ặ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter a with breve and dot below (u+1eb6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        B
        <div class="detail">
            <div class="letter-lg">
                B          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter b (u+0042)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        C
        <div class="detail">
            <div class="letter-lg">
                C          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter c (u+0043)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ç
        <div class="detail">
            <div class="letter-lg">
                Ç          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter c with cedilla (u+00c7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ć
        <div class="detail">
            <div class="letter-lg">
                Ć          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter c with acute (u+0106)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ĉ
        <div class="detail">
            <div class="letter-lg">
                Ĉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter c with circumflex (u+0108)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ċ
        <div class="detail">
            <div class="letter-lg">
                Ċ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter c with dot above (u+010a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Č
        <div class="detail">
            <div class="letter-lg">
                Č          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter c with caron (u+010c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḉ
        <div class="detail">
            <div class="letter-lg">
                Ḉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter c with cedilla and acute (u+1e08)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        D
        <div class="detail">
            <div class="letter-lg">
                D          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter d (u+0044)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ď
        <div class="detail">
            <div class="letter-lg">
                Ď          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter d with caron (u+010e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḍ
        <div class="detail">
            <div class="letter-lg">
                Ḍ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter d with dot below (u+1e0c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḏ
        <div class="detail">
            <div class="letter-lg">
                Ḏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter d with line below (u+1e0e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        E
        <div class="detail">
            <div class="letter-lg">
                E          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e (u+0045)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        È
        <div class="detail">
            <div class="letter-lg">
                È          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with grave (u+00c8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        É
        <div class="detail">
            <div class="letter-lg">
                É          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with acute (u+00c9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ê
        <div class="detail">
            <div class="letter-lg">
                Ê          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with circumflex (u+00ca)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ë
        <div class="detail">
            <div class="letter-lg">
                Ë          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with diaeresis (u+00cb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ē
        <div class="detail">
            <div class="letter-lg">
                Ē          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with macron (u+0112)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ĕ
        <div class="detail">
            <div class="letter-lg">
                Ĕ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with breve (u+0114)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ė
        <div class="detail">
            <div class="letter-lg">
                Ė          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with dot above (u+0116)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ę
        <div class="detail">
            <div class="letter-lg">
                Ę          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with ogonek (u+0118)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ě
        <div class="detail">
            <div class="letter-lg">
                Ě          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with caron (u+011a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȅ
        <div class="detail">
            <div class="letter-lg">
                Ȅ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with double grave (u+0204)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȇ
        <div class="detail">
            <div class="letter-lg">
                Ȇ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with inverted breve (u+0206)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḕ
        <div class="detail">
            <div class="letter-lg">
                Ḕ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with macron and grave (u+1e14)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḗ
        <div class="detail">
            <div class="letter-lg">
                Ḗ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with macron and acute (u+1e16)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḝ
        <div class="detail">
            <div class="letter-lg">
                Ḝ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with cedilla and breve (u+1e1c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẹ
        <div class="detail">
            <div class="letter-lg">
                Ẹ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with dot below (u+1eb8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẻ
        <div class="detail">
            <div class="letter-lg">
                Ẻ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with hook above (u+1eba)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẽ
        <div class="detail">
            <div class="letter-lg">
                Ẽ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with tilde (u+1ebc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ế
        <div class="detail">
            <div class="letter-lg">
                Ế          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with circumflex and acute (u+1ebe)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ề
        <div class="detail">
            <div class="letter-lg">
                Ề          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with circumflex and grave (u+1ec0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ể
        <div class="detail">
            <div class="letter-lg">
                Ể          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with circumflex and hook above (u+1ec2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ễ
        <div class="detail">
            <div class="letter-lg">
                Ễ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with circumflex and tilde (u+1ec4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ệ
        <div class="detail">
            <div class="letter-lg">
                Ệ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter e with circumflex and dot below (u+1ec6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        F
        <div class="detail">
            <div class="letter-lg">
                F          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter f (u+0046)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        G
        <div class="detail">
            <div class="letter-lg">
                G          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter g (u+0047)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ĝ
        <div class="detail">
            <div class="letter-lg">
                Ĝ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter g with circumflex (u+011c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ğ
        <div class="detail">
            <div class="letter-lg">
                Ğ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter g with breve (u+011e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ġ
        <div class="detail">
            <div class="letter-lg">
                Ġ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter g with dot above (u+0120)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ģ
        <div class="detail">
            <div class="letter-lg">
                Ģ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter g with cedilla (u+0122)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ǧ
        <div class="detail">
            <div class="letter-lg">
                Ǧ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter g with caron (u+01e6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḡ
        <div class="detail">
            <div class="letter-lg">
                Ḡ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter g with macron (u+1e20)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        H
        <div class="detail">
            <div class="letter-lg">
                H          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter h (u+0048)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ĥ
        <div class="detail">
            <div class="letter-lg">
                Ĥ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter h with circumflex (u+0124)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḥ
        <div class="detail">
            <div class="letter-lg">
                Ḥ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter h with dot below (u+1e24)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḫ
        <div class="detail">
            <div class="letter-lg">
                Ḫ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter h with breve below (u+1e2a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        I
        <div class="detail">
            <div class="letter-lg">
                I          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i (u+0049)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ì
        <div class="detail">
            <div class="letter-lg">
                Ì          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with grave (u+00cc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Í
        <div class="detail">
            <div class="letter-lg">
                Í          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with acute (u+00cd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Î
        <div class="detail">
            <div class="letter-lg">
                Î          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with circumflex (u+00ce)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ï
        <div class="detail">
            <div class="letter-lg">
                Ï          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with diaeresis (u+00cf)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ĩ
        <div class="detail">
            <div class="letter-lg">
                Ĩ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with tilde (u+0128)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ī
        <div class="detail">
            <div class="letter-lg">
                Ī          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with macron (u+012a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ĭ
        <div class="detail">
            <div class="letter-lg">
                Ĭ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with breve (u+012c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Į
        <div class="detail">
            <div class="letter-lg">
                Į          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with ogonek (u+012e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        İ
        <div class="detail">
            <div class="letter-lg">
                İ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with dot above (u+0130)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȉ
        <div class="detail">
            <div class="letter-lg">
                Ȉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with double grave (u+0208)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȋ
        <div class="detail">
            <div class="letter-lg">
                Ȋ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with inverted breve (u+020a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḯ
        <div class="detail">
            <div class="letter-lg">
                Ḯ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with diaeresis and acute (u+1e2e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ỉ
        <div class="detail">
            <div class="letter-lg">
                Ỉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with hook above (u+1ec8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ị
        <div class="detail">
            <div class="letter-lg">
                Ị          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter i with dot below (u+1eca)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        J
        <div class="detail">
            <div class="letter-lg">
                J          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter j (u+004a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ĵ
        <div class="detail">
            <div class="letter-lg">
                Ĵ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter j with circumflex (u+0134)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        K
        <div class="detail">
            <div class="letter-lg">
                K          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter k (u+004b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ķ
        <div class="detail">
            <div class="letter-lg">
                Ķ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter k with cedilla (u+0136)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        L
        <div class="detail">
            <div class="letter-lg">
                L          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter l (u+004c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ĺ
        <div class="detail">
            <div class="letter-lg">
                Ĺ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter l with acute (u+0139)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ļ
        <div class="detail">
            <div class="letter-lg">
                Ļ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter l with cedilla (u+013b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ľ
        <div class="detail">
            <div class="letter-lg">
                Ľ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter l with caron (u+013d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḷ
        <div class="detail">
            <div class="letter-lg">
                Ḷ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter l with dot below (u+1e36)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ḻ
        <div class="detail">
            <div class="letter-lg">
                Ḻ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter l with line below (u+1e3a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        M
        <div class="detail">
            <div class="letter-lg">
                M          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter m (u+004d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṃ
        <div class="detail">
            <div class="letter-lg">
                Ṃ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter m with dot below (u+1e42)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        N
        <div class="detail">
            <div class="letter-lg">
                N          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n (u+004e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ñ
        <div class="detail">
            <div class="letter-lg">
                Ñ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n with tilde (u+00d1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ń
        <div class="detail">
            <div class="letter-lg">
                Ń          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n with acute (u+0143)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ņ
        <div class="detail">
            <div class="letter-lg">
                Ņ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n with cedilla (u+0145)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ň
        <div class="detail">
            <div class="letter-lg">
                Ň          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n with caron (u+0147)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṅ
        <div class="detail">
            <div class="letter-lg">
                Ṅ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n with dot above (u+1e44)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṇ
        <div class="detail">
            <div class="letter-lg">
                Ṇ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n with dot below (u+1e46)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṉ
        <div class="detail">
            <div class="letter-lg">
                Ṉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n with line below (u+1e48)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        O
        <div class="detail">
            <div class="letter-lg">
                O          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o (u+004f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ò
        <div class="detail">
            <div class="letter-lg">
                Ò          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with grave (u+00d2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ó
        <div class="detail">
            <div class="letter-lg">
                Ó          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with acute (u+00d3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ô
        <div class="detail">
            <div class="letter-lg">
                Ô          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with circumflex (u+00d4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Õ
        <div class="detail">
            <div class="letter-lg">
                Õ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with tilde (u+00d5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ö
        <div class="detail">
            <div class="letter-lg">
                Ö          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with diaeresis (u+00d6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ō
        <div class="detail">
            <div class="letter-lg">
                Ō          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with macron (u+014c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŏ
        <div class="detail">
            <div class="letter-lg">
                Ŏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with breve (u+014e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ő
        <div class="detail">
            <div class="letter-lg">
                Ő          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with double acute (u+0150)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ơ
        <div class="detail">
            <div class="letter-lg">
                Ơ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with horn (u+01a0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ǫ
        <div class="detail">
            <div class="letter-lg">
                Ǫ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with ogonek (u+01ea)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȍ
        <div class="detail">
            <div class="letter-lg">
                Ȍ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with double grave (u+020c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȏ
        <div class="detail">
            <div class="letter-lg">
                Ȏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with inverted breve (u+020e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȫ
        <div class="detail">
            <div class="letter-lg">
                Ȫ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with diaeresis and macron (u+022a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȭ
        <div class="detail">
            <div class="letter-lg">
                Ȭ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with tilde and macron (u+022c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȱ
        <div class="detail">
            <div class="letter-lg">
                Ȱ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with dot above and macron (u+0230)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṍ
        <div class="detail">
            <div class="letter-lg">
                Ṍ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with tilde and acute (u+1e4c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṏ
        <div class="detail">
            <div class="letter-lg">
                Ṏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with tilde and diaeresis (u+1e4e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṑ
        <div class="detail">
            <div class="letter-lg">
                Ṑ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with macron and grave (u+1e50)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṓ
        <div class="detail">
            <div class="letter-lg">
                Ṓ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with macron and acute (u+1e52)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ọ
        <div class="detail">
            <div class="letter-lg">
                Ọ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with dot below (u+1ecc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ỏ
        <div class="detail">
            <div class="letter-lg">
                Ỏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with hook above (u+1ece)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ố
        <div class="detail">
            <div class="letter-lg">
                Ố          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with circumflex and acute (u+1ed0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ồ
        <div class="detail">
            <div class="letter-lg">
                Ồ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with circumflex and grave (u+1ed2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ổ
        <div class="detail">
            <div class="letter-lg">
                Ổ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with circumflex and hook above (u+1ed4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ỗ
        <div class="detail">
            <div class="letter-lg">
                Ỗ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with circumflex and tilde (u+1ed6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ộ
        <div class="detail">
            <div class="letter-lg">
                Ộ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with circumflex and dot below (u+1ed8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ớ
        <div class="detail">
            <div class="letter-lg">
                Ớ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with horn and acute (u+1eda)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ờ
        <div class="detail">
            <div class="letter-lg">
                Ờ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with horn and grave (u+1edc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ở
        <div class="detail">
            <div class="letter-lg">
                Ở          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with horn and hook above (u+1ede)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ỡ
        <div class="detail">
            <div class="letter-lg">
                Ỡ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with horn and tilde (u+1ee0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ợ
        <div class="detail">
            <div class="letter-lg">
                Ợ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with horn and dot below (u+1ee2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        P
        <div class="detail">
            <div class="letter-lg">
                P          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter p (u+0050)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Q
        <div class="detail">
            <div class="letter-lg">
                Q          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter q (u+0051)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        R
        <div class="detail">
            <div class="letter-lg">
                R          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter r (u+0052)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŕ
        <div class="detail">
            <div class="letter-lg">
                Ŕ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter r with acute (u+0154)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŗ
        <div class="detail">
            <div class="letter-lg">
                Ŗ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter r with cedilla (u+0156)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ř
        <div class="detail">
            <div class="letter-lg">
                Ř          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter r with caron (u+0158)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȑ
        <div class="detail">
            <div class="letter-lg">
                Ȑ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter r with double grave (u+0210)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȓ
        <div class="detail">
            <div class="letter-lg">
                Ȓ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter r with inverted breve (u+0212)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṛ
        <div class="detail">
            <div class="letter-lg">
                Ṛ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter r with dot below (u+1e5a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṟ
        <div class="detail">
            <div class="letter-lg">
                Ṟ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter r with line below (u+1e5e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        S
        <div class="detail">
            <div class="letter-lg">
                S          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s (u+0053)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ś
        <div class="detail">
            <div class="letter-lg">
                Ś          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with acute (u+015a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŝ
        <div class="detail">
            <div class="letter-lg">
                Ŝ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with circumflex (u+015c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ş
        <div class="detail">
            <div class="letter-lg">
                Ş          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with cedilla (u+015e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Š
        <div class="detail">
            <div class="letter-lg">
                Š          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with caron (u+0160)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ș
        <div class="detail">
            <div class="letter-lg">
                Ș          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with comma below (u+0218)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṡ
        <div class="detail">
            <div class="letter-lg">
                Ṡ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with dot above (u+1e60)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṣ
        <div class="detail">
            <div class="letter-lg">
                Ṣ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with dot below (u+1e62)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṥ
        <div class="detail">
            <div class="letter-lg">
                Ṥ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with acute and dot above (u+1e64)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṧ
        <div class="detail">
            <div class="letter-lg">
                Ṧ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with caron and dot above (u+1e66)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṩ
        <div class="detail">
            <div class="letter-lg">
                Ṩ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter s with dot below and dot above (u+1e68)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        T
        <div class="detail">
            <div class="letter-lg">
                T          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter t (u+0054)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ţ
        <div class="detail">
            <div class="letter-lg">
                Ţ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter t with cedilla (u+0162)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ť
        <div class="detail">
            <div class="letter-lg">
                Ť          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter t with caron (u+0164)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ț
        <div class="detail">
            <div class="letter-lg">
                Ț          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter t with comma below (u+021a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṭ
        <div class="detail">
            <div class="letter-lg">
                Ṭ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter t with dot below (u+1e6c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṯ
        <div class="detail">
            <div class="letter-lg">
                Ṯ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter t with line below (u+1e6e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        U
        <div class="detail">
            <div class="letter-lg">
                U          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u (u+0055)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ù
        <div class="detail">
            <div class="letter-lg">
                Ù          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with grave (u+00d9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ú
        <div class="detail">
            <div class="letter-lg">
                Ú          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with acute (u+00da)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Û
        <div class="detail">
            <div class="letter-lg">
                Û          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with circumflex (u+00db)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ü
        <div class="detail">
            <div class="letter-lg">
                Ü          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with diaeresis (u+00dc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ũ
        <div class="detail">
            <div class="letter-lg">
                Ũ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with tilde (u+0168)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ū
        <div class="detail">
            <div class="letter-lg">
                Ū          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with macron (u+016a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŭ
        <div class="detail">
            <div class="letter-lg">
                Ŭ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with breve (u+016c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ů
        <div class="detail">
            <div class="letter-lg">
                Ů          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with ring above (u+016e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ű
        <div class="detail">
            <div class="letter-lg">
                Ű          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with double acute (u+0170)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ų
        <div class="detail">
            <div class="letter-lg">
                Ų          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with ogonek (u+0172)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ư
        <div class="detail">
            <div class="letter-lg">
                Ư          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with horn (u+01af)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȕ
        <div class="detail">
            <div class="letter-lg">
                Ȕ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with double grave (u+0214)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȗ
        <div class="detail">
            <div class="letter-lg">
                Ȗ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with inverted breve (u+0216)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṹ
        <div class="detail">
            <div class="letter-lg">
                Ṹ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with tilde and acute (u+1e78)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ṻ
        <div class="detail">
            <div class="letter-lg">
                Ṻ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with macron and diaeresis (u+1e7a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ụ
        <div class="detail">
            <div class="letter-lg">
                Ụ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with dot below (u+1ee4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ủ
        <div class="detail">
            <div class="letter-lg">
                Ủ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with hook above (u+1ee6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ứ
        <div class="detail">
            <div class="letter-lg">
                Ứ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with horn and acute (u+1ee8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ừ
        <div class="detail">
            <div class="letter-lg">
                Ừ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with horn and grave (u+1eea)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ử
        <div class="detail">
            <div class="letter-lg">
                Ử          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with horn and hook above (u+1eec)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ữ
        <div class="detail">
            <div class="letter-lg">
                Ữ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with horn and tilde (u+1eee)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ự
        <div class="detail">
            <div class="letter-lg">
                Ự          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter u with horn and dot below (u+1ef0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        V
        <div class="detail">
            <div class="letter-lg">
                V          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter v (u+0056)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        W
        <div class="detail">
            <div class="letter-lg">
                W          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter w (u+0057)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŵ
        <div class="detail">
            <div class="letter-lg">
                Ŵ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter w with circumflex (u+0174)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẁ
        <div class="detail">
            <div class="letter-lg">
                Ẁ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter w with grave (u+1e80)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẃ
        <div class="detail">
            <div class="letter-lg">
                Ẃ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter w with acute (u+1e82)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẅ
        <div class="detail">
            <div class="letter-lg">
                Ẅ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter w with diaeresis (u+1e84)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        X
        <div class="detail">
            <div class="letter-lg">
                X          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter x (u+0058)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Y
        <div class="detail">
            <div class="letter-lg">
                Y          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y (u+0059)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ý
        <div class="detail">
            <div class="letter-lg">
                Ý          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y with acute (u+00dd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŷ
        <div class="detail">
            <div class="letter-lg">
                Ŷ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y with circumflex (u+0176)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ÿ
        <div class="detail">
            <div class="letter-lg">
                Ÿ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y with diaeresis (u+0178)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ȳ
        <div class="detail">
            <div class="letter-lg">
                Ȳ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y with macron (u+0232)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẏ
        <div class="detail">
            <div class="letter-lg">
                Ẏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y with dot above (u+1e8e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ỳ
        <div class="detail">
            <div class="letter-lg">
                Ỳ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y with grave (u+1ef2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ỵ
        <div class="detail">
            <div class="letter-lg">
                Ỵ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y with dot below (u+1ef4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ỷ
        <div class="detail">
            <div class="letter-lg">
                Ỷ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y with hook above (u+1ef6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ỹ
        <div class="detail">
            <div class="letter-lg">
                Ỹ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter y with tilde (u+1ef8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Z
        <div class="detail">
            <div class="letter-lg">
                Z          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter z (u+005a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ź
        <div class="detail">
            <div class="letter-lg">
                Ź          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter z with acute (u+0179)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ż
        <div class="detail">
            <div class="letter-lg">
                Ż          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter z with dot above (u+017b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ž
        <div class="detail">
            <div class="letter-lg">
                Ž          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter z with caron (u+017d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ẓ
        <div class="detail">
            <div class="letter-lg">
                Ẓ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter z with dot below (u+1e92)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Æ
        <div class="detail">
            <div class="letter-lg">
                Æ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter ae (u+00c6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ǽ
        <div class="detail">
            <div class="letter-lg">
                Ǽ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter ae with acute (u+01fc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ð
        <div class="detail">
            <div class="letter-lg">
                Ð          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter eth (u+00d0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ø
        <div class="detail">
            <div class="letter-lg">
                Ø          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with stroke (u+00d8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ǿ
        <div class="detail">
            <div class="letter-lg">
                Ǿ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter o with stroke and acute (u+01fe)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Þ
        <div class="detail">
            <div class="letter-lg">
                Þ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter thorn (u+00de)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Đ
        <div class="detail">
            <div class="letter-lg">
                Đ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter d with stroke (u+0110)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ħ
        <div class="detail">
            <div class="letter-lg">
                Ħ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter h with stroke (u+0126)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        IJ
        <div class="detail">
            <div class="letter-lg">
                IJ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital ligature ij (u+0132)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        
        <div class="detail">
            <div class="letter-lg">
                          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital ligature ij with acute (u+e133)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŀ
        <div class="detail">
            <div class="letter-lg">
                Ŀ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter l with middle dot (u+013f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ł
        <div class="detail">
            <div class="letter-lg">
                Ł          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter l with stroke (u+0141)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŋ
        <div class="detail">
            <div class="letter-lg">
                Ŋ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter eng (u+014a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Œ
        <div class="detail">
            <div class="letter-lg">
                Π         
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital ligature oe (u+0152)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ŧ
        <div class="detail">
            <div class="letter-lg">
                Ŧ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter t with stroke (u+0166)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ə
        <div class="detail">
            <div class="letter-lg">
                Ə          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter schwa (u+018f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ɲ
        <div class="detail">
            <div class="letter-lg">
                Ɲ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n with left hook (u+019d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        DŽ
        <div class="detail">
            <div class="letter-lg">
                DŽ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter dz with caron (u+01c4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        LJ
        <div class="detail">
            <div class="letter-lg">
                LJ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter lj (u+01c7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        NJ
        <div class="detail">
            <div class="letter-lg">
                NJ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter nj (u+01ca)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẞ
        <div class="detail">
            <div class="letter-lg">
                ẞ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter sharp s (u+1e9e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Ω
        <div class="detail">
            <div class="letter-lg">
                Ω          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>ohm sign (u+2126)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        a
        <div class="detail">
            <div class="letter-lg">
                a          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a (u+0061)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        à
        <div class="detail">
            <div class="letter-lg">
                à          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with grave (u+00e0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        á
        <div class="detail">
            <div class="letter-lg">
                á          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with acute (u+00e1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        â
        <div class="detail">
            <div class="letter-lg">
                â          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with circumflex (u+00e2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ã
        <div class="detail">
            <div class="letter-lg">
                ã          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with tilde (u+00e3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ä
        <div class="detail">
            <div class="letter-lg">
                ä          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with diaeresis (u+00e4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        å
        <div class="detail">
            <div class="letter-lg">
                å          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with ring above (u+00e5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ā
        <div class="detail">
            <div class="letter-lg">
                ā          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with macron (u+0101)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ă
        <div class="detail">
            <div class="letter-lg">
                ă          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with breve (u+0103)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ą
        <div class="detail">
            <div class="letter-lg">
                ą          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with ogonek (u+0105)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ǻ
        <div class="detail">
            <div class="letter-lg">
                ǻ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with ring above and acute (u+01fb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȁ
        <div class="detail">
            <div class="letter-lg">
                ȁ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with double grave (u+0201)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȃ
        <div class="detail">
            <div class="letter-lg">
                ȃ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with inverted breve (u+0203)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ạ
        <div class="detail">
            <div class="letter-lg">
                ạ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with dot below (u+1ea1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ả
        <div class="detail">
            <div class="letter-lg">
                ả          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with hook above (u+1ea3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ấ
        <div class="detail">
            <div class="letter-lg">
                ấ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with circumflex and acute (u+1ea5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ầ
        <div class="detail">
            <div class="letter-lg">
                ầ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with circumflex and grave (u+1ea7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẩ
        <div class="detail">
            <div class="letter-lg">
                ẩ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with circumflex and hook above (u+1ea9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẫ
        <div class="detail">
            <div class="letter-lg">
                ẫ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with circumflex and tilde (u+1eab)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ậ
        <div class="detail">
            <div class="letter-lg">
                ậ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with circumflex and dot below (u+1ead)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ắ
        <div class="detail">
            <div class="letter-lg">
                ắ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with breve and acute (u+1eaf)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ằ
        <div class="detail">
            <div class="letter-lg">
                ằ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with breve and grave (u+1eb1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẳ
        <div class="detail">
            <div class="letter-lg">
                ẳ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with breve and hook above (u+1eb3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẵ
        <div class="detail">
            <div class="letter-lg">
                ẵ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with breve and tilde (u+1eb5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ặ
        <div class="detail">
            <div class="letter-lg">
                ặ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter a with breve and dot below (u+1eb7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        b
        <div class="detail">
            <div class="letter-lg">
                b          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter b (u+0062)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        c
        <div class="detail">
            <div class="letter-lg">
                c          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter c (u+0063)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ç
        <div class="detail">
            <div class="letter-lg">
                ç          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter c with cedilla (u+00e7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ć
        <div class="detail">
            <div class="letter-lg">
                ć          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter c with acute (u+0107)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ĉ
        <div class="detail">
            <div class="letter-lg">
                ĉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter c with circumflex (u+0109)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ċ
        <div class="detail">
            <div class="letter-lg">
                ċ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter c with dot above (u+010b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        č
        <div class="detail">
            <div class="letter-lg">
                č          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter c with caron (u+010d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḉ
        <div class="detail">
            <div class="letter-lg">
                ḉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter c with cedilla and acute (u+1e09)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        d
        <div class="detail">
            <div class="letter-lg">
                d          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter d (u+0064)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ď
        <div class="detail">
            <div class="letter-lg">
                ď          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter d with caron (u+010f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḍ
        <div class="detail">
            <div class="letter-lg">
                ḍ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter d with dot below (u+1e0d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḏ
        <div class="detail">
            <div class="letter-lg">
                ḏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter d with line below (u+1e0f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        e
        <div class="detail">
            <div class="letter-lg">
                e          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e (u+0065)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        è
        <div class="detail">
            <div class="letter-lg">
                è          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with grave (u+00e8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        é
        <div class="detail">
            <div class="letter-lg">
                é          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with acute (u+00e9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ê
        <div class="detail">
            <div class="letter-lg">
                ê          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with circumflex (u+00ea)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ë
        <div class="detail">
            <div class="letter-lg">
                ë          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with diaeresis (u+00eb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ē
        <div class="detail">
            <div class="letter-lg">
                ē          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with macron (u+0113)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ĕ
        <div class="detail">
            <div class="letter-lg">
                ĕ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with breve (u+0115)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ė
        <div class="detail">
            <div class="letter-lg">
                ė          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with dot above (u+0117)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ę
        <div class="detail">
            <div class="letter-lg">
                ę          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with ogonek (u+0119)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ě
        <div class="detail">
            <div class="letter-lg">
                ě          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with caron (u+011b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȅ
        <div class="detail">
            <div class="letter-lg">
                ȅ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with double grave (u+0205)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȇ
        <div class="detail">
            <div class="letter-lg">
                ȇ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with inverted breve (u+0207)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḕ
        <div class="detail">
            <div class="letter-lg">
                ḕ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with macron and grave (u+1e15)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḗ
        <div class="detail">
            <div class="letter-lg">
                ḗ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with macron and acute (u+1e17)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḝ
        <div class="detail">
            <div class="letter-lg">
                ḝ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with cedilla and breve (u+1e1d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẹ
        <div class="detail">
            <div class="letter-lg">
                ẹ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with dot below (u+1eb9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẻ
        <div class="detail">
            <div class="letter-lg">
                ẻ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with hook above (u+1ebb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẽ
        <div class="detail">
            <div class="letter-lg">
                ẽ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with tilde (u+1ebd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ế
        <div class="detail">
            <div class="letter-lg">
                ế          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with circumflex and acute (u+1ebf)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ề
        <div class="detail">
            <div class="letter-lg">
                ề          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with circumflex and grave (u+1ec1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ể
        <div class="detail">
            <div class="letter-lg">
                ể          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with circumflex and hook above (u+1ec3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ễ
        <div class="detail">
            <div class="letter-lg">
                ễ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with circumflex and tilde (u+1ec5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ệ
        <div class="detail">
            <div class="letter-lg">
                ệ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter e with circumflex and dot below (u+1ec7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        f
        <div class="detail">
            <div class="letter-lg">
                f          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter f (u+0066)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        g
        <div class="detail">
            <div class="letter-lg">
                g          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter g (u+0067)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ĝ
        <div class="detail">
            <div class="letter-lg">
                ĝ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter g with circumflex (u+011d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ğ
        <div class="detail">
            <div class="letter-lg">
                ğ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter g with breve (u+011f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ġ
        <div class="detail">
            <div class="letter-lg">
                ġ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter g with dot above (u+0121)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ģ
        <div class="detail">
            <div class="letter-lg">
                ģ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter g with cedilla (u+0123)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ǧ
        <div class="detail">
            <div class="letter-lg">
                ǧ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter g with caron (u+01e7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḡ
        <div class="detail">
            <div class="letter-lg">
                ḡ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter g with macron (u+1e21)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        h
        <div class="detail">
            <div class="letter-lg">
                h          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter h (u+0068)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ĥ
        <div class="detail">
            <div class="letter-lg">
                ĥ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter h with circumflex (u+0125)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḥ
        <div class="detail">
            <div class="letter-lg">
                ḥ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter h with dot below (u+1e25)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḫ
        <div class="detail">
            <div class="letter-lg">
                ḫ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter h with breve below (u+1e2b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        i
        <div class="detail">
            <div class="letter-lg">
                i          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i (u+0069)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ì
        <div class="detail">
            <div class="letter-lg">
                ì          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with grave (u+00ec)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        í
        <div class="detail">
            <div class="letter-lg">
                í          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with acute (u+00ed)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        î
        <div class="detail">
            <div class="letter-lg">
                î          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with circumflex (u+00ee)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ï
        <div class="detail">
            <div class="letter-lg">
                ï          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with diaeresis (u+00ef)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ĩ
        <div class="detail">
            <div class="letter-lg">
                ĩ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with tilde (u+0129)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ī
        <div class="detail">
            <div class="letter-lg">
                ī          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with macron (u+012b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ĭ
        <div class="detail">
            <div class="letter-lg">
                ĭ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with breve (u+012d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        į
        <div class="detail">
            <div class="letter-lg">
                į          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with ogonek (u+012f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȉ
        <div class="detail">
            <div class="letter-lg">
                ȉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with double grave (u+0209)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȋ
        <div class="detail">
            <div class="letter-lg">
                ȋ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with inverted breve (u+020b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḯ
        <div class="detail">
            <div class="letter-lg">
                ḯ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with diaeresis and acute (u+1e2f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ỉ
        <div class="detail">
            <div class="letter-lg">
                ỉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with hook above (u+1ec9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ị
        <div class="detail">
            <div class="letter-lg">
                ị          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter i with dot below (u+1ecb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        j
        <div class="detail">
            <div class="letter-lg">
                j          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter j (u+006a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ĵ
        <div class="detail">
            <div class="letter-lg">
                ĵ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter j with circumflex (u+0135)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        k
        <div class="detail">
            <div class="letter-lg">
                k          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter k (u+006b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ķ
        <div class="detail">
            <div class="letter-lg">
                ķ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter k with cedilla (u+0137)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        l
        <div class="detail">
            <div class="letter-lg">
                l          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter l (u+006c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ĺ
        <div class="detail">
            <div class="letter-lg">
                ĺ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter l with acute (u+013a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ļ
        <div class="detail">
            <div class="letter-lg">
                ļ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter l with cedilla (u+013c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ľ
        <div class="detail">
            <div class="letter-lg">
                ľ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter l with caron (u+013e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḷ
        <div class="detail">
            <div class="letter-lg">
                ḷ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter l with dot below (u+1e37)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ḻ
        <div class="detail">
            <div class="letter-lg">
                ḻ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter l with line below (u+1e3b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        m
        <div class="detail">
            <div class="letter-lg">
                m          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter m (u+006d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṃ
        <div class="detail">
            <div class="letter-lg">
                ṃ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter m with dot below (u+1e43)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        n
        <div class="detail">
            <div class="letter-lg">
                n          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n (u+006e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ñ
        <div class="detail">
            <div class="letter-lg">
                ñ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n with tilde (u+00f1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ń
        <div class="detail">
            <div class="letter-lg">
                ń          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n with acute (u+0144)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ņ
        <div class="detail">
            <div class="letter-lg">
                ņ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n with cedilla (u+0146)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ň
        <div class="detail">
            <div class="letter-lg">
                ň          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n with caron (u+0148)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṅ
        <div class="detail">
            <div class="letter-lg">
                ṅ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n with dot above (u+1e45)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṇ
        <div class="detail">
            <div class="letter-lg">
                ṇ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n with dot below (u+1e47)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṉ
        <div class="detail">
            <div class="letter-lg">
                ṉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n with line below (u+1e49)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        o
        <div class="detail">
            <div class="letter-lg">
                o          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o (u+006f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ò
        <div class="detail">
            <div class="letter-lg">
                ò          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with grave (u+00f2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ó
        <div class="detail">
            <div class="letter-lg">
                ó          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with acute (u+00f3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ô
        <div class="detail">
            <div class="letter-lg">
                ô          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with circumflex (u+00f4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        õ
        <div class="detail">
            <div class="letter-lg">
                õ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with tilde (u+00f5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ö
        <div class="detail">
            <div class="letter-lg">
                ö          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with diaeresis (u+00f6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ō
        <div class="detail">
            <div class="letter-lg">
                ō          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with macron (u+014d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŏ
        <div class="detail">
            <div class="letter-lg">
                ŏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with breve (u+014f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ő
        <div class="detail">
            <div class="letter-lg">
                ő          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with double acute (u+0151)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ơ
        <div class="detail">
            <div class="letter-lg">
                ơ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with horn (u+01a1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ǫ
        <div class="detail">
            <div class="letter-lg">
                ǫ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with ogonek (u+01eb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȍ
        <div class="detail">
            <div class="letter-lg">
                ȍ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with double grave (u+020d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȏ
        <div class="detail">
            <div class="letter-lg">
                ȏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with inverted breve (u+020f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȫ
        <div class="detail">
            <div class="letter-lg">
                ȫ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with diaeresis and macron (u+022b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȭ
        <div class="detail">
            <div class="letter-lg">
                ȭ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with tilde and macron (u+022d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȱ
        <div class="detail">
            <div class="letter-lg">
                ȱ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with dot above and macron (u+0231)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṍ
        <div class="detail">
            <div class="letter-lg">
                ṍ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with tilde and acute (u+1e4d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṏ
        <div class="detail">
            <div class="letter-lg">
                ṏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with tilde and diaeresis (u+1e4f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṑ
        <div class="detail">
            <div class="letter-lg">
                ṑ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with macron and grave (u+1e51)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṓ
        <div class="detail">
            <div class="letter-lg">
                ṓ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with macron and acute (u+1e53)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ọ
        <div class="detail">
            <div class="letter-lg">
                ọ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with dot below (u+1ecd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ỏ
        <div class="detail">
            <div class="letter-lg">
                ỏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with hook above (u+1ecf)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ố
        <div class="detail">
            <div class="letter-lg">
                ố          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with circumflex and acute (u+1ed1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ồ
        <div class="detail">
            <div class="letter-lg">
                ồ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with circumflex and grave (u+1ed3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ổ
        <div class="detail">
            <div class="letter-lg">
                ổ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with circumflex and hook above (u+1ed5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ỗ
        <div class="detail">
            <div class="letter-lg">
                ỗ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with circumflex and tilde (u+1ed7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ộ
        <div class="detail">
            <div class="letter-lg">
                ộ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with circumflex and dot below (u+1ed9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ớ
        <div class="detail">
            <div class="letter-lg">
                ớ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with horn and acute (u+1edb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ờ
        <div class="detail">
            <div class="letter-lg">
                ờ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with horn and grave (u+1edd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ở
        <div class="detail">
            <div class="letter-lg">
                ở          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with horn and hook above (u+1edf)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ỡ
        <div class="detail">
            <div class="letter-lg">
                ỡ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with horn and tilde (u+1ee1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ợ
        <div class="detail">
            <div class="letter-lg">
                ợ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with horn and dot below (u+1ee3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        p
        <div class="detail">
            <div class="letter-lg">
                p          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter p (u+0070)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        q
        <div class="detail">
            <div class="letter-lg">
                q          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter q (u+0071)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        r
        <div class="detail">
            <div class="letter-lg">
                r          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter r (u+0072)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŕ
        <div class="detail">
            <div class="letter-lg">
                ŕ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter r with acute (u+0155)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŗ
        <div class="detail">
            <div class="letter-lg">
                ŗ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter r with cedilla (u+0157)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ř
        <div class="detail">
            <div class="letter-lg">
                ř          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter r with caron (u+0159)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȑ
        <div class="detail">
            <div class="letter-lg">
                ȑ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter r with double grave (u+0211)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȓ
        <div class="detail">
            <div class="letter-lg">
                ȓ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter r with inverted breve (u+0213)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṛ
        <div class="detail">
            <div class="letter-lg">
                ṛ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter r with dot below (u+1e5b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṟ
        <div class="detail">
            <div class="letter-lg">
                ṟ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter r with line below (u+1e5f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        s
        <div class="detail">
            <div class="letter-lg">
                s          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s (u+0073)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ś
        <div class="detail">
            <div class="letter-lg">
                ś          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with acute (u+015b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŝ
        <div class="detail">
            <div class="letter-lg">
                ŝ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with circumflex (u+015d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ş
        <div class="detail">
            <div class="letter-lg">
                ş          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with cedilla (u+015f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        š
        <div class="detail">
            <div class="letter-lg">
                š          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with caron (u+0161)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ș
        <div class="detail">
            <div class="letter-lg">
                ș          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with comma below (u+0219)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṡ
        <div class="detail">
            <div class="letter-lg">
                ṡ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with dot above (u+1e61)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṣ
        <div class="detail">
            <div class="letter-lg">
                ṣ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with dot below (u+1e63)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṥ
        <div class="detail">
            <div class="letter-lg">
                ṥ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with acute and dot above (u+1e65)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṧ
        <div class="detail">
            <div class="letter-lg">
                ṧ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with caron and dot above (u+1e67)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṩ
        <div class="detail">
            <div class="letter-lg">
                ṩ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter s with dot below and dot above (u+1e69)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        t
        <div class="detail">
            <div class="letter-lg">
                t          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter t (u+0074)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ţ
        <div class="detail">
            <div class="letter-lg">
                ţ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter t with cedilla (u+0163)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ť
        <div class="detail">
            <div class="letter-lg">
                ť          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter t with caron (u+0165)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ț
        <div class="detail">
            <div class="letter-lg">
                ț          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter t with comma below (u+021b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṭ
        <div class="detail">
            <div class="letter-lg">
                ṭ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter t with dot below (u+1e6d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṯ
        <div class="detail">
            <div class="letter-lg">
                ṯ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter t with line below (u+1e6f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẗ
        <div class="detail">
            <div class="letter-lg">
                ẗ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter t with diaeresis (u+1e97)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        u
        <div class="detail">
            <div class="letter-lg">
                u          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u (u+0075)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ù
        <div class="detail">
            <div class="letter-lg">
                ù          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with grave (u+00f9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ú
        <div class="detail">
            <div class="letter-lg">
                ú          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with acute (u+00fa)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        û
        <div class="detail">
            <div class="letter-lg">
                û          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with circumflex (u+00fb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ü
        <div class="detail">
            <div class="letter-lg">
                ü          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with diaeresis (u+00fc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ũ
        <div class="detail">
            <div class="letter-lg">
                ũ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with tilde (u+0169)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ū
        <div class="detail">
            <div class="letter-lg">
                ū          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with macron (u+016b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŭ
        <div class="detail">
            <div class="letter-lg">
                ŭ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with breve (u+016d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ů
        <div class="detail">
            <div class="letter-lg">
                ů          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with ring above (u+016f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ű
        <div class="detail">
            <div class="letter-lg">
                ű          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with double acute (u+0171)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ų
        <div class="detail">
            <div class="letter-lg">
                ų          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with ogonek (u+0173)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ư
        <div class="detail">
            <div class="letter-lg">
                ư          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with horn (u+01b0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȕ
        <div class="detail">
            <div class="letter-lg">
                ȕ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with double grave (u+0215)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȗ
        <div class="detail">
            <div class="letter-lg">
                ȗ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with inverted breve (u+0217)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṹ
        <div class="detail">
            <div class="letter-lg">
                ṹ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with tilde and acute (u+1e79)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ṻ
        <div class="detail">
            <div class="letter-lg">
                ṻ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with macron and diaeresis (u+1e7b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ụ
        <div class="detail">
            <div class="letter-lg">
                ụ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with dot below (u+1ee5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ủ
        <div class="detail">
            <div class="letter-lg">
                ủ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with hook above (u+1ee7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ứ
        <div class="detail">
            <div class="letter-lg">
                ứ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with horn and acute (u+1ee9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ừ
        <div class="detail">
            <div class="letter-lg">
                ừ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with horn and grave (u+1eeb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ử
        <div class="detail">
            <div class="letter-lg">
                ử          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with horn and hook above (u+1eed)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ữ
        <div class="detail">
            <div class="letter-lg">
                ữ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with horn and tilde (u+1eef)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ự
        <div class="detail">
            <div class="letter-lg">
                ự          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter u with horn and dot below (u+1ef1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        v
        <div class="detail">
            <div class="letter-lg">
                v          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter v (u+0076)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        w
        <div class="detail">
            <div class="letter-lg">
                w          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter w (u+0077)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŵ
        <div class="detail">
            <div class="letter-lg">
                ŵ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter w with circumflex (u+0175)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẁ
        <div class="detail">
            <div class="letter-lg">
                ẁ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter w with grave (u+1e81)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẃ
        <div class="detail">
            <div class="letter-lg">
                ẃ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter w with acute (u+1e83)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẅ
        <div class="detail">
            <div class="letter-lg">
                ẅ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter w with diaeresis (u+1e85)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        x
        <div class="detail">
            <div class="letter-lg">
                x          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter x (u+0078)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        y
        <div class="detail">
            <div class="letter-lg">
                y          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y (u+0079)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ý
        <div class="detail">
            <div class="letter-lg">
                ý          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y with acute (u+00fd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ÿ
        <div class="detail">
            <div class="letter-lg">
                ÿ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y with diaeresis (u+00ff)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŷ
        <div class="detail">
            <div class="letter-lg">
                ŷ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y with circumflex (u+0177)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȳ
        <div class="detail">
            <div class="letter-lg">
                ȳ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y with macron (u+0233)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẏ
        <div class="detail">
            <div class="letter-lg">
                ẏ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y with dot above (u+1e8f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ỳ
        <div class="detail">
            <div class="letter-lg">
                ỳ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y with grave (u+1ef3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ỵ
        <div class="detail">
            <div class="letter-lg">
                ỵ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y with dot below (u+1ef5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ỷ
        <div class="detail">
            <div class="letter-lg">
                ỷ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y with hook above (u+1ef7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ỹ
        <div class="detail">
            <div class="letter-lg">
                ỹ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter y with tilde (u+1ef9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        z
        <div class="detail">
            <div class="letter-lg">
                z          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter z (u+007a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ź
        <div class="detail">
            <div class="letter-lg">
                ź          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter z with acute (u+017a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ż
        <div class="detail">
            <div class="letter-lg">
                ż          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter z with dot above (u+017c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ž
        <div class="detail">
            <div class="letter-lg">
                ž          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter z with caron (u+017e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ẓ
        <div class="detail">
            <div class="letter-lg">
                ẓ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter z with dot below (u+1e93)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ß
        <div class="detail">
            <div class="letter-lg">
                ß          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter sharp s (u+00df)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        æ
        <div class="detail">
            <div class="letter-lg">
                æ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter ae (u+00e6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ǽ
        <div class="detail">
            <div class="letter-lg">
                ǽ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter ae with acute (u+01fd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ð
        <div class="detail">
            <div class="letter-lg">
                ð          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter eth (u+00f0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ø
        <div class="detail">
            <div class="letter-lg">
                ø          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with stroke (u+00f8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ǿ
        <div class="detail">
            <div class="letter-lg">
                ǿ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter o with stroke and acute (u+01ff)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        þ
        <div class="detail">
            <div class="letter-lg">
                þ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter thorn (u+00fe)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        đ
        <div class="detail">
            <div class="letter-lg">
                đ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter d with stroke (u+0111)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ħ
        <div class="detail">
            <div class="letter-lg">
                ħ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter h with stroke (u+0127)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ı
        <div class="detail">
            <div class="letter-lg">
                ı          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter dotless i (u+0131)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ij
        <div class="detail">
            <div class="letter-lg">
                ij          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small ligature ij (u+0133)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        
        <div class="detail">
            <div class="letter-lg">
                          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small ligature ij with acute (u+e132)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ĸ
        <div class="detail">
            <div class="letter-lg">
                ĸ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter kra (u+0138)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŀ
        <div class="detail">
            <div class="letter-lg">
                ŀ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter l with middle dot (u+0140)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ł
        <div class="detail">
            <div class="letter-lg">
                ł          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter l with stroke (u+0142)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ʼn
        <div class="detail">
            <div class="letter-lg">
                ʼn          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n preceded by apostrophe (u+0149)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŋ
        <div class="detail">
            <div class="letter-lg">
                ŋ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter eng (u+014b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        œ
        <div class="detail">
            <div class="letter-lg">
                œ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small ligature oe (u+0153)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ŧ
        <div class="detail">
            <div class="letter-lg">
                ŧ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter t with stroke (u+0167)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        dž
        <div class="detail">
            <div class="letter-lg">
                dž          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter dz with caron (u+01c6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        lj
        <div class="detail">
            <div class="letter-lg">
                lj          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter lj (u+01c9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        nj
        <div class="detail">
            <div class="letter-lg">
                nj          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter nj (u+01cc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ȷ
        <div class="detail">
            <div class="letter-lg">
                ȷ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter dotless j (u+0237)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ə
        <div class="detail">
            <div class="letter-lg">
                ə          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter schwa (u+0259)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ɲ
        <div class="detail">
            <div class="letter-lg">
                ɲ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter n with left hook (u+0272)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        π
        <div class="detail">
            <div class="letter-lg">
                π          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>greek small letter pi (u+03c0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Dž
        <div class="detail">
            <div class="letter-lg">
                Dž          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter d with small letter z with caron (u+01c5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Lj
        <div class="detail">
            <div class="letter-lg">
                Lj          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter l with small letter j (u+01c8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        Nj
        <div class="detail">
            <div class="letter-lg">
                Nj          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin capital letter n with small letter j (u+01cb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ff
        <div class="detail">
            <div class="letter-lg">
                ff          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small ligature ff (u+fb00)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        fi
        <div class="detail">
            <div class="letter-lg">
                fi          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small ligature fi (u+fb01)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ffi
        <div class="detail">
            <div class="letter-lg">
                ffi          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small ligature ffi (u+fb03)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ʹ
        <div class="detail">
            <div class="letter-lg">
                ʹ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter prime (u+02b9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ʺ
        <div class="detail">
            <div class="letter-lg">
                ʺ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter double prime (u+02ba)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ʻ
        <div class="detail">
            <div class="letter-lg">
                ʻ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter turned comma (u+02bb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ʾ
        <div class="detail">
            <div class="letter-lg">
                ʾ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter right half ring (u+02be)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ʿ
        <div class="detail">
            <div class="letter-lg">
                ʿ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter left half ring (u+02bf)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˈ
        <div class="detail">
            <div class="letter-lg">
                ˈ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter vertical line (u+02c8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˉ
        <div class="detail">
            <div class="letter-lg">
                ˉ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter macron (u+02c9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˊ
        <div class="detail">
            <div class="letter-lg">
                ˊ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter acute accent (u+02ca)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˋ
        <div class="detail">
            <div class="letter-lg">
                ˋ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter grave accent (u+02cb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˌ
        <div class="detail">
            <div class="letter-lg">
                ˌ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter low vertical line (u+02cc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ª
        <div class="detail">
            <div class="letter-lg">
                ª          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>feminine ordinal indicator (u+00aa)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        º
        <div class="detail">
            <div class="letter-lg">
                º          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>masculine ordinal indicator (u+00ba)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        0
        <div class="detail">
            <div class="letter-lg">
                0          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit zero (u+0030)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        1
        <div class="detail">
            <div class="letter-lg">
                1          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit one (u+0031)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        2
        <div class="detail">
            <div class="letter-lg">
                2          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit two (u+0032)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        3
        <div class="detail">
            <div class="letter-lg">
                3          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit three (u+0033)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        4
        <div class="detail">
            <div class="letter-lg">
                4          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit four (u+0034)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        5
        <div class="detail">
            <div class="letter-lg">
                5          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit five (u+0035)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        6
        <div class="detail">
            <div class="letter-lg">
                6          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit six (u+0036)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        7
        <div class="detail">
            <div class="letter-lg">
                7          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit seven (u+0037)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        8
        <div class="detail">
            <div class="letter-lg">
                8          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit eight (u+0038)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        9
        <div class="detail">
            <div class="letter-lg">
                9          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>digit nine (u+0039)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¹
        <div class="detail">
            <div class="letter-lg">
                ¹          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript one (u+00b9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ²
        <div class="detail">
            <div class="letter-lg">
                ²          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript two (u+00b2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ³
        <div class="detail">
            <div class="letter-lg">
                ³          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript three (u+00b3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¼
        <div class="detail">
            <div class="letter-lg">
                ¼          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vulgar fraction one quarter (u+00bc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ½
        <div class="detail">
            <div class="letter-lg">
                ½          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vulgar fraction one half (u+00bd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¾
        <div class="detail">
            <div class="letter-lg">
                ¾          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vulgar fraction three quarters (u+00be)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⁰
        <div class="detail">
            <div class="letter-lg">
                ⁰          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript zero (u+2070)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⁴
        <div class="detail">
            <div class="letter-lg">
                ⁴          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript four (u+2074)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⁵
        <div class="detail">
            <div class="letter-lg">
                ⁵          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript five (u+2075)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⁶
        <div class="detail">
            <div class="letter-lg">
                ⁶          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript six (u+2076)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⁷
        <div class="detail">
            <div class="letter-lg">
                ⁷          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript seven (u+2077)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⁸
        <div class="detail">
            <div class="letter-lg">
                ⁸          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript eight (u+2078)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⁹
        <div class="detail">
            <div class="letter-lg">
                ⁹          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>superscript nine (u+2079)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₀
        <div class="detail">
            <div class="letter-lg">
                ₀          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript zero (u+2080)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₁
        <div class="detail">
            <div class="letter-lg">
                ₁          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript one (u+2081)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₂
        <div class="detail">
            <div class="letter-lg">
                ₂          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript two (u+2082)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₃
        <div class="detail">
            <div class="letter-lg">
                ₃          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript three (u+2083)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₄
        <div class="detail">
            <div class="letter-lg">
                ₄          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript four (u+2084)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₅
        <div class="detail">
            <div class="letter-lg">
                ₅          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript five (u+2085)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₆
        <div class="detail">
            <div class="letter-lg">
                ₆          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript six (u+2086)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₇
        <div class="detail">
            <div class="letter-lg">
                ₇          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript seven (u+2087)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₈
        <div class="detail">
            <div class="letter-lg">
                ₈          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript eight (u+2088)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₉
        <div class="detail">
            <div class="letter-lg">
                ₉          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>subscript nine (u+2089)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⅓
        <div class="detail">
            <div class="letter-lg">
                ⅓          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vulgar fraction one third (u+2153)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⅔
        <div class="detail">
            <div class="letter-lg">
                ⅔          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vulgar fraction two thirds (u+2154)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⅛
        <div class="detail">
            <div class="letter-lg">
                ⅛          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vulgar fraction one eighth (u+215b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⅜
        <div class="detail">
            <div class="letter-lg">
                ⅜          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vulgar fraction three eighths (u+215c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⅝
        <div class="detail">
            <div class="letter-lg">
                ⅝          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vulgar fraction five eighths (u+215d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⅞
        <div class="detail">
            <div class="letter-lg">
                ⅞          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vulgar fraction seven eighths (u+215e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        _
        <div class="detail">
            <div class="letter-lg">
                _          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>low line (u+005f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        -
        <div class="detail">
            <div class="letter-lg">
                -          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>hyphen-minus (u+002d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ‐
        <div class="detail">
            <div class="letter-lg">
                ‐          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>hyphen (u+2010)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ‒
        <div class="detail">
            <div class="letter-lg">
                ‒          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>figure dash (u+2012)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        –
        <div class="detail">
            <div class="letter-lg">
                –          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>en dash (u+2013)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        —
        <div class="detail">
            <div class="letter-lg">
                —          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>em dash (u+2014)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ―
        <div class="detail">
            <div class="letter-lg">
                ―          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>horizontal bar (u+2015)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        (
        <div class="detail">
            <div class="letter-lg">
                (          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>left parenthesis (u+0028)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        )
        <div class="detail">
            <div class="letter-lg">
                )          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>right parenthesis (u+0029)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        [
        <div class="detail">
            <div class="letter-lg">
                [          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>left square bracket (u+005b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ]
        <div class="detail">
            <div class="letter-lg">
                ]          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>right square bracket (u+005d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        {
        <div class="detail">
            <div class="letter-lg">
                {          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>left curly bracket (u+007b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        }
        <div class="detail">
            <div class="letter-lg">
                }          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>right curly bracket (u+007d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⟨
        <div class="detail">
            <div class="letter-lg">
                ⟨          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>mathematical left angle bracket (u+27e8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⟩
        <div class="detail">
            <div class="letter-lg">
                ⟩          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>mathematical right angle bracket (u+27e9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        #
        <div class="detail">
            <div class="letter-lg">
                #          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>number sign (u+0023)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        %
        <div class="detail">
            <div class="letter-lg">
                %          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>percent sign (u+0025)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ‰
        <div class="detail">
            <div class="letter-lg">
                ‰          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>per mille sign (u+2030)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        '
        <div class="detail">
            <div class="letter-lg">
                '          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>apostrophe (u+0027)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        "
        <div class="detail">
            <div class="letter-lg">
                "          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>quotation mark (u+0022)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ‘
        <div class="detail">
            <div class="letter-lg">
                ‘          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>left single quotation mark (u+2018)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ’
        <div class="detail">
            <div class="letter-lg">
                ’          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>right single quotation mark (u+2019)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        “
        <div class="detail">
            <div class="letter-lg">
                “          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>left double quotation mark (u+201c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ”
        <div class="detail">
            <div class="letter-lg">
                ”          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>right double quotation mark (u+201d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ‚
        <div class="detail">
            <div class="letter-lg">
                ‚          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>single low-9 quotation mark (u+201a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        „
        <div class="detail">
            <div class="letter-lg">
                „          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>double low-9 quotation mark (u+201e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ‹
        <div class="detail">
            <div class="letter-lg">
                ‹          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>single left-pointing angle quotation mark (u+2039)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ›
        <div class="detail">
            <div class="letter-lg">
                ›          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>single right-pointing angle quotation mark (u+203a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        «
        <div class="detail">
            <div class="letter-lg">
                «          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>left-pointing double angle quotation mark (u+00ab)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        »
        <div class="detail">
            <div class="letter-lg">
                »          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>right-pointing double angle quotation mark (u+00bb)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        *
        <div class="detail">
            <div class="letter-lg">
                *          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>asterisk (u+002a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        †
        <div class="detail">
            <div class="letter-lg">
                †          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>dagger (u+2020)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ‡
        <div class="detail">
            <div class="letter-lg">
                ‡          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>double dagger (u+2021)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ·
        <div class="detail">
            <div class="letter-lg">
                ·          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>middle dot (u+00b7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        •
        <div class="detail">
            <div class="letter-lg">
                •          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>bullet (u+2022)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        …
        <div class="detail">
            <div class="letter-lg">
                …          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>horizontal ellipsis (u+2026)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        .
        <div class="detail">
            <div class="letter-lg">
                .          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>full stop (u+002e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ,
        <div class="detail">
            <div class="letter-lg">
                ,          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>comma (u+002c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        :
        <div class="detail">
            <div class="letter-lg">
                :          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>colon (u+003a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ;
        <div class="detail">
            <div class="letter-lg">
                ;          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>semicolon (u+003b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        !
        <div class="detail">
            <div class="letter-lg">
                !          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>exclamation mark (u+0021)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¡
        <div class="detail">
            <div class="letter-lg">
                ¡          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>inverted exclamation mark (u+00a1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ?
        <div class="detail">
            <div class="letter-lg">
                ?          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>question mark (u+003f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¿
        <div class="detail">
            <div class="letter-lg">
                ¿          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>inverted question mark (u+00bf)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        /
        <div class="detail">
            <div class="letter-lg">
                /          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>solidus (u+002f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        \
        <div class="detail">
            <div class="letter-lg">
                \          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>reverse solidus (u+005c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⁄
        <div class="detail">
            <div class="letter-lg">
                ⁄          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>fraction slash (u+2044)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        |
        <div class="detail">
            <div class="letter-lg">
                |          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>vertical line (u+007c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¦
        <div class="detail">
            <div class="letter-lg">
                ¦          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>broken bar (u+00a6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        &
        <div class="detail">
            <div class="letter-lg">
                &          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>ampersand (u+0026)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        §
        <div class="detail">
            <div class="letter-lg">
                §          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>section sign (u+00a7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¶
        <div class="detail">
            <div class="letter-lg">
                ¶          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>pilcrow sign (u+00b6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ℓ
        <div class="detail">
            <div class="letter-lg">
                ℓ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>script small l (u+2113)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        №
        <div class="detail">
            <div class="letter-lg">
                №          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>numero sign (u+2116)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ′
        <div class="detail">
            <div class="letter-lg">
                ′          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>prime (u+2032)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ″
        <div class="detail">
            <div class="letter-lg">
                ″          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>double prime (u+2033)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ‾
        <div class="detail">
            <div class="letter-lg">
                ‾          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>overline (u+203e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        +
        <div class="detail">
            <div class="letter-lg">
                +          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>plus sign (u+002b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        −
        <div class="detail">
            <div class="letter-lg">
                −          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>minus sign (u+2212)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ±
        <div class="detail">
            <div class="letter-lg">
                ±          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>plus-minus sign (u+00b1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ÷
        <div class="detail">
            <div class="letter-lg">
                ÷          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>division sign (u+00f7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ×
        <div class="detail">
            <div class="letter-lg">
                ×          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>multiplication sign (u+00d7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        =
        <div class="detail">
            <div class="letter-lg">
                =          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>equals sign (u+003d)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        <
        <div class="detail">
            <div class="letter-lg">
                <          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>less-than sign (u+003c)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        >
        <div class="detail">
            <div class="letter-lg">
                >          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>greater-than sign (u+003e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ≤
        <div class="detail">
            <div class="letter-lg">
                ≤          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>less-than or equal to (u+2264)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ≥
        <div class="detail">
            <div class="letter-lg">
                ≥          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>greater-than or equal to (u+2265)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ≈
        <div class="detail">
            <div class="letter-lg">
                ≈          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>almost equal to (u+2248)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ≠
        <div class="detail">
            <div class="letter-lg">
                ≠          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>not equal to (u+2260)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¬
        <div class="detail">
            <div class="letter-lg">
                ¬          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>not sign (u+00ac)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ⁒
        <div class="detail">
            <div class="letter-lg">
                ⁒          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>commercial minus sign (u+2052)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ∂
        <div class="detail">
            <div class="letter-lg">
                ∂          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>partial differential (u+2202)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ∅
        <div class="detail">
            <div class="letter-lg">
                ∅          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>empty set (u+2205)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ∆
        <div class="detail">
            <div class="letter-lg">
                ∆          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>increment (u+2206)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ∏
        <div class="detail">
            <div class="letter-lg">
                ∏          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>n-ary product (u+220f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ∑
        <div class="detail">
            <div class="letter-lg">
                ∑          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>n-ary summation (u+2211)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ∕
        <div class="detail">
            <div class="letter-lg">
                ∕          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>division slash (u+2215)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ∙
        <div class="detail">
            <div class="letter-lg">
                ∙          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>bullet operator (u+2219)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        √
        <div class="detail">
            <div class="letter-lg">
                √          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>square root (u+221a)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ∞
        <div class="detail">
            <div class="letter-lg">
                ∞          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>infinity (u+221e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ◊
        <div class="detail">
            <div class="letter-lg">
                ◊          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>lozenge (u+25ca)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ∫
        <div class="detail">
            <div class="letter-lg">
                ∫          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>integral (u+222b)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ≡
        <div class="detail">
            <div class="letter-lg">
                ≡          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>identical to (u+2261)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ▷
        <div class="detail">
            <div class="letter-lg">
                ▷          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>white right-pointing triangle (u+25b7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ◁
        <div class="detail">
            <div class="letter-lg">
                ◁          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>white left-pointing triangle (u+25c1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        $
        <div class="detail">
            <div class="letter-lg">
                $          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>dollar sign (u+0024)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¢
        <div class="detail">
            <div class="letter-lg">
                ¢          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>cent sign (u+00a2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        £
        <div class="detail">
            <div class="letter-lg">
                £          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>pound sign (u+00a3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¤
        <div class="detail">
            <div class="letter-lg">
                ¤          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>currency sign (u+00a4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¥
        <div class="detail">
            <div class="letter-lg">
                ¥          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>yen sign (u+00a5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ฿
        <div class="detail">
            <div class="letter-lg">
                ฿          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>thai currency symbol baht (u+0e3f)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₡
        <div class="detail">
            <div class="letter-lg">
                ₡          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>colon sign (u+20a1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₦
        <div class="detail">
            <div class="letter-lg">
                ₦          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>naira sign (u+20a6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₨
        <div class="detail">
            <div class="letter-lg">
                ₨          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>rupee sign (u+20a8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₩
        <div class="detail">
            <div class="letter-lg">
                ₩          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>won sign (u+20a9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₪
        <div class="detail">
            <div class="letter-lg">
                ₪          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>new sheqel sign (u+20aa)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₫
        <div class="detail">
            <div class="letter-lg">
                ₫          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>dong sign (u+20ab)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        €
        <div class="detail">
            <div class="letter-lg">
                €          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>euro sign (u+20ac)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ƒ
        <div class="detail">
            <div class="letter-lg">
                ƒ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>latin small letter f with hook (u+0192)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₭
        <div class="detail">
            <div class="letter-lg">
                ₭          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>kip sign (u+20ad)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₱
        <div class="detail">
            <div class="letter-lg">
                ₱          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>peso sign (u+20b1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₲
        <div class="detail">
            <div class="letter-lg">
                ₲          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>guarani sign (u+20b2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₴
        <div class="detail">
            <div class="letter-lg">
                ₴          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>hryvnia sign (u+20b4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₵
        <div class="detail">
            <div class="letter-lg">
                ₵          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>cedi sign (u+20b5)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₸
        <div class="detail">
            <div class="letter-lg">
                ₸          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>tenge sign (u+20b8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₹
        <div class="detail">
            <div class="letter-lg">
                ₹          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>indian rupee sign (u+20b9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₺
        <div class="detail">
            <div class="letter-lg">
                ₺          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>turkish lira sign (u+20ba)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₼
        <div class="detail">
            <div class="letter-lg">
                ₼          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>manat sign (u+20bc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₽
        <div class="detail">
            <div class="letter-lg">
                ₽          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>ruble sign (u+20bd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ₿
        <div class="detail">
            <div class="letter-lg">
                ₿          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>bitcoin sign (u+20bf)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ^
        <div class="detail">
            <div class="letter-lg">
                ^          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>circumflex accent (u+005e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ~
        <div class="detail">
            <div class="letter-lg">
                ~          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>tilde (u+007e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ´
        <div class="detail">
            <div class="letter-lg">
                ´          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>acute accent (u+00b4)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        `
        <div class="detail">
            <div class="letter-lg">
                `          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>grave accent (u+0060)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˝
        <div class="detail">
            <div class="letter-lg">
                ˝          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>double acute accent (u+02dd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˆ
        <div class="detail">
            <div class="letter-lg">
                ˆ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>modifier letter circumflex accent (u+02c6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˇ
        <div class="detail">
            <div class="letter-lg">
                ˇ          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>caron (u+02c7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˘
        <div class="detail">
            <div class="letter-lg">
                ˘          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>breve (u+02d8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˜
        <div class="detail">
            <div class="letter-lg">
                ˜          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>small tilde (u+02dc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¯
        <div class="detail">
            <div class="letter-lg">
                ¯          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>macron (u+00af)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¨
        <div class="detail">
            <div class="letter-lg">
                ¨          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>diaeresis (u+00a8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˙
        <div class="detail">
            <div class="letter-lg">
                ˙          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>dot above (u+02d9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˚
        <div class="detail">
            <div class="letter-lg">
                ˚          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>ring above (u+02da)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ¸
        <div class="detail">
            <div class="letter-lg">
                ¸          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>cedilla (u+00b8)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ˛
        <div class="detail">
            <div class="letter-lg">
                ˛          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>ogonek (u+02db)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ©
        <div class="detail">
            <div class="letter-lg">
                ©          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>copyright sign (u+00a9)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ®
        <div class="detail">
            <div class="letter-lg">
                ®          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>registered sign (u+00ae)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ™
        <div class="detail">
            <div class="letter-lg">
                ™          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>trade mark sign (u+2122)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        °
        <div class="detail">
            <div class="letter-lg">
                °          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>degree sign (u+00b0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ℮
        <div class="detail">
            <div class="letter-lg">
                ℮          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>estimated symbol (u+212e)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ←
        <div class="detail">
            <div class="letter-lg">
                ←          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>leftwards arrow (u+2190)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ↑
        <div class="detail">
            <div class="letter-lg">
                ↑          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>upwards arrow (u+2191)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        →
        <div class="detail">
            <div class="letter-lg">
                →          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>rightwards arrow (u+2192)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ↓
        <div class="detail">
            <div class="letter-lg">
                ↓          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>downwards arrow (u+2193)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ↔
        <div class="detail">
            <div class="letter-lg">
                ↔          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>left right arrow (u+2194)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ↕
        <div class="detail">
            <div class="letter-lg">
                ↕          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>up down arrow (u+2195)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ↖
        <div class="detail">
            <div class="letter-lg">
                ↖          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>north west arrow (u+2196)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ↗
        <div class="detail">
            <div class="letter-lg">
                ↗          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>north east arrow (u+2197)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ↘
        <div class="detail">
            <div class="letter-lg">
                ↘          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>south east arrow (u+2198)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ↙
        <div class="detail">
            <div class="letter-lg">
                ↙          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>south west arrow (u+2199)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ■
        <div class="detail">
            <div class="letter-lg">
                ■          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>black square (u+25a0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        □
        <div class="detail">
            <div class="letter-lg">
                □          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>white square (u+25a1)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ▲
        <div class="detail">
            <div class="letter-lg">
                ▲          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>black up-pointing triangle (u+25b2)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        △
        <div class="detail">
            <div class="letter-lg">
                △          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>white up-pointing triangle (u+25b3)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ▶
        <div class="detail">
            <div class="letter-lg">
                ▶          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>black right-pointing triangle (u+25b6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ▼
        <div class="detail">
            <div class="letter-lg">
                ▼          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>black down-pointing triangle (u+25bc)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ▽
        <div class="detail">
            <div class="letter-lg">
                ▽          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>white down-pointing triangle (u+25bd)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ◀
        <div class="detail">
            <div class="letter-lg">
                ◀          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>black left-pointing triangle (u+25c0)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ◆
        <div class="detail">
            <div class="letter-lg">
                ◆          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>black diamond (u+25c6)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ◇
        <div class="detail">
            <div class="letter-lg">
                ◇          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>white diamond (u+25c7)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ♡
        <div class="detail">
            <div class="letter-lg">
                ♡          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>white heart suit (u+2661)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        ♥
        <div class="detail">
            <div class="letter-lg">
                ♥          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>black heart suit (u+2665)</small>
            </div>
        </div>
    </span>
    <span class="complete">
        
        <div class="detail">
            <div class="letter-lg">
                          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>.notdef</small>
            </div>
        </div>
    </span>
    <span class="complete">
        @
        <div class="detail">
            <div class="letter-lg">
                @          
            </div>
            <div class="detail-top-content">
                <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M23 0H0V23L23 0Z" fill="white"/>
                </svg>
                <small>commercial at (u+0040)</small>
            </div>
        </div>
    </span>
</div>
<!-- END CHARSET GRID -->

<script type="text/javascript"> document.getElementById("grid").onmouseover = function(e){ if (e.clientX > window.outerWidth /2){ document.getElementById("grid").classList.add("left"); } else { document.getElementById("grid").classList.remove("left"); } if (e.clientY > document.getElementById("grid").getBoundingClientRect().bottom - 568){ document.getElementById("grid").classList.add("bottom"); } else { document.getElementById("grid").classList.remove("bottom"); } } </script>