#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.body{xfont-size:48px;xbackground-color:#fff}.word{color:#000;font-size:2em;font-family:SF Pro,sans-serif;letter-spacing:.05em;line-height:1.2;display:inline-flex!important;flex-direction:row!important;flex-direction:row;flex-wrap:nowrap;gap:2px;align-items:flex-start;xpadding:.1em .1em;xborder:.1em solid #882f2f;xborder-radius:.5em;xbackground-color:#ddd;margin:.1em;vertical-align:top}.word.irregular{border:.1em solid red;border-radius:.5em}.word .syllable{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:0px;align-items:flex-start;padding:.1em;border-radius:.5em;xbackground-color:#e0ffe0}.word .syllable.Closed{background-color:#f0f8ff}.word .syllable.Open{background-color:#fffacd}.word .syllable.VCe{background-color:#ffe4e1}.word .syllable.VowelTeam{background-color:#d0ffd0}.word .syllable.R-Controlled{background-color:#ffe4b5}.word .syllable.FinalStable{background-color:#f0fff0}.word .sound{display:flex;flex-direction:column;align-items:center;text-align:center;xmin-width:40px;padding:0;xborder:1px dashed #ddd}.word .grapheme{font-size:1.1em}.word .grapheme.digraph,.word .grapheme.trigraph,.word .grapheme.quadrigraph{text-decoration:underline;text-decoration-thickness:.1px;text-decoration-color:gray}.word .arrow{font-weight:lighter;font-size:.6em}.word .arrow.regular{color:#000}.word .arrow.irregular{color:red}.word .sound .phoneme{font-size:.8em;xfont-style:italic;color:#555}.word .sound .IPA{xdisplay:none;font-size:.8em;xfont-style:italic;color:#555}.word .letter{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:0px;align-items:flex-start;padding:.1em;border-radius:.5em;xbackground-color:#e0ffe0}.word .letter{padding:0 .1em;border:.5px dashed #000}.word .grapheme{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:0px;align-items:flex-start;padding:.1em;border-radius:.5em;xbackground-color:#e0ffe0}.word .grapheme.vowel{background-color:#fffacd}.word .grapheme.uniqueHistoricalTrigraph{border:1px dashed red}.word .vowelLetter,.word .vowelTeam{background-color:#fffacd}.word .vowelSuffix{background-color:#ffdab9}.word .consonantLetter{background-color:#add8e6}.word .consonantDigraph{background-color:#87cefa}.word .consonantBlend{background-color:#00bfff}.word .consonantSuffix{background-color:#f1a9ef}.word .silentLetter{background-color:#d3d3d3}.word .silentLetterDigraph{background-color:#a9a9a9}.word .vowelPrefix,.word .vowelPrefix.vowel,.word .consonantPrefix{background-color:#f1a9ef}.word .vowelTeam{xtext-decoration:underline;xtext-decoration-thickness:.1em;xtext-decoration-color:lightgreen;xtext-underline-offset:.1em;xbackground-color:#d0ffd0;xletter-spacing:-.05em}.word .consonantDigraph,.word .consonantBlend{xbackground-color:#f0f8ff;xletter-spacing:-.05em}.word .grapheme{padding:0 .1em;border:.5px dashed #000}.content-wrapper{display:flex;margin-top:60px;flex-direction:row}.sidenav{width:160px;position:sticky;top:60px;align-self:flex-start;background-color:#111;padding-top:20px;order:1}.sidenav a{padding:6px 8px 6px 16px;text-decoration:none;font-size:25px;color:#818181;display:block}.sidenav a:hover{color:#f1f1f1}