*{border:0;margin:0;padding:0;font-family:sans-serif}@font-face{font-family:ThaiFont;src:url(Mali-Light.ed6fca45.ttf);font-weight:100;font-style:italic;font-display:swap}.thai-font{font-family:ThaiFont;font-weight:100}.pronunciation-font{font-family:system-ui;font-weight:100}.active-icon{color:#dbbd16;text-shadow:0 0 2px #fff}.tiny{text-align:right;margin-right:1rem;font-size:small}body{width:100%;height:100%;background-color:#ffffff9b;font-size:7.5vw;font-weight:lighter;overflow:hidden}h1,h2,h3,h4{text-align:center;margin-top:1rem}.header{width:100%;height:1.5em;line-height:1.125em;position:fixed;top:0}.closeButton{display:block;position:absolute;top:0;right:1em}.button{text-align:center;color:#fff;background-color:#01acb3;margin:.5em;padding:.25em}.danger.icon{background-color:red!important;border-color:red!important}.menu{flex-direction:column;display:flex}.menu h1{text-align:center;color:#8e8e8e;padding-bottom:1em;font-size:1.5rem}.wordlist{width:100%;height:100vh;overflow-x:hidden;overflow-y:auto}.wordlist .header{background-color:#fff;border-bottom:1px solid gray}.wordlist .header span,.wordlist .controls span{width:1em;height:1em;vertical-align:middle;text-align:center;color:#fff;background-color:#01acb3;border:1px solid #4f4f4f;margin:.25em .25em 0 0;display:inline-block}.wordlist .header span.selected,.wordlist .controls span.selected{background-color:#e3c93b}.wordlist .wordListItem{background-color:#e0e0e0;flex-direction:row;margin-bottom:.5em;display:flex}.wordlist .wordListItem>div{padding:.25em 0}.wordlist .wordListItem:nth-child(2){margin-top:3rem}.wordlist .wordListItem:last-child{margin-bottom:3rem}.wordlist .controls{width:20%;flex-direction:column;display:flex;overflow:hidden}.wordlist .controls span{width:1em;text-align:center;padding:0 .25em;font-size:1em;line-height:1em}.wordlist .controls span.active-icon{color:#e3c93b}.wordlist .data{width:80%}.test{flex-direction:column;display:flex}.test h3{margin-top:1.24em}.test .answer{text-align:center;background-color:#c6c6c6;border:4px solid #9d9c9c;margin:.25em}.test .answer.skip{background-color:#01acb3;border-color:#0f888d}.test .answer.hidden{visibility:hidden}.test.result .answer{opacity:.125}.test.result .answer.correct{opacity:1;background-color:#01acb3;border-color:#0f888d}.testResults{height:100vh;flex-direction:column;display:flex;overflow:auto}.testResults h1{font-size:1.5rem}.testResults h2{font-size:1.2rem}.testResults div{border:1px solid #9d9c9c;margin:.25em;padding:.25em}.preview{height:100vh;overflow-y:auto}.preview .button{margin-top:1.25em}.preview .items{flex-direction:column;display:flex;overflow:auto}.preview .item{background-color:#e0e0e0;justify-content:left;margin-bottom:.25em;line-height:1em;display:flex}.preview .item span{width:50%;padding:.25em}