@font-face{font-family:ThaiFont;src:url(Mali-Light.ed6fca45.ttf);font-weight:100;font-style:italic;font-display:swap}*{border:none;margin:0;padding:0;font-family:system-ui,sans-serif;font-size:1rem}body{width:100vw;height:100vh;font-size:1.2em;overflow:hidden}button{color:#fff;background-color:#17abb6;border-radius:.3em;padding:.25em .5em}.thai-font{font-family:ThaiFont;font-weight:100}.modal{opacity:0;width:100vw;height:100vh;transition:all .3s;display:none;position:absolute;left:-100vw}.active{display:initial}.visible{opacity:1;left:0}.thai,.english{font-family:ThaiFont}.close-button.floating{background-color:#555;width:10rem;margin-left:-5rem;position:fixed;bottom:.5em;left:50%}.menu{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.menu h1{color:#1398a1;font-size:2em}.menu button{width:50%;margin-top:1em;font-size:1em}.menu p,.menu p *{color:#646464;font-size:.8rem}.practice{justify-content:center;align-items:center;display:flex}.practice .listen{grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;display:grid}.practice .listen>*{text-align:center}.practice .forward img{width:50%}.practice .thai,.practice .english{text-align:center;font-size:2em}.practice .thai{grid-area:1/1/2/4}.practice .english{grid-area:3/1/4/4}.practice .actions{text-align:center;width:100vw;margin-top:.25em;display:none;position:fixed;top:0;left:0}.practice .actions.visible{display:block}.practice .actions span{color:#999;padding-top:.25em;font-size:2em;font-weight:lighter;line-height:1em}.practice .gesture-target{width:100vw;height:100vh;position:absolute;top:0;left:0}.wordlist .filter{width:100vw;height:2em;margin-bottom:.5em;font-size:1.3rem}.wordlist h1{text-align:center;margin:.25em 0 .5em;font-size:1.5em;font-weight:200}.wordlist .list{box-sizing:border-box;width:100vw;height:100vh;padding-bottom:4em;display:block;position:absolute;top:0;overflow-y:auto}.wordlist .word{grid-column-gap:0px;grid-row-gap:0px;background-color:#ebebeb;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(6,1fr);justify-content:left;align-items:center;margin-bottom:.5em;font-size:1.5em;display:grid}.wordlist .word span{font-size:1.4rem}.wordlist .word img{width:1em;height:1em;margin-right:1em}.wordlist .sound,.wordlist span.level{color:#999;justify-self:center;font-size:4vw}.wordlist .thai{grid-area:1/1/2/6}.wordlist .sound{grid-area:1/6/2/7}.wordlist .english{grid-area:2/1/3/6}.wordlist .level{grid-area:2/6/3/7}.wordlist .hidden{display:none}.synchronize,.reader{flex-direction:column;justify-content:center;align-items:center;display:flex}.synchronize button,.reader button{width:80vw;margin:1em 0}.synchronize .result,.reader .result{color:#999;height:1em;margin-top:2em;line-height:1em}.reader .word{flex-direction:column;justify-content:space-around;align-items:center;width:100vw;height:8em;display:flex}