@import url(https://fonts.googleapis.com/css?family=Prompt&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.story-player-container{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;white-space:pre}.story-player-container .title{flex:0 1 auto;margin:0 30px;padding:0;white-space:normal}.story-player-container .thai{flex:1 0 auto;margin:0 1em}.story-player-container .english-words{flex:0.2 1 auto;font-size:smaller;margin:0 1em}.story-player-container .english-words .flex-wrapper,.story-player-container .thai .flex-wrapper{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%}.flex-wrapper>.thai.word,.flex-wrapper>span{flex:1 1 auto;margin-right:.4em;text-align:left;white-space:nowrap}.flex-wrapper>.thai.word:last-child,.flex-wrapper>span:last-child{margin-right:0}.flex-wrapper:after{content:"";flex:999 1 auto}.story-player-container .english-sentence{flex:1 1 auto;margin:0 1em}.story-player-container .audio-wrapper{flex:0.1 1 auto;margin:0}.story-player-container .audio-wrapper .audio-player{margin-right:2vw}.story-player-container .sentence-navigation{flex:0 0 auto;margin:0}.story-player-container .english-sentence span{white-space:pre-wrap}.story-player-container .story-image{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%}.story-player-container.intro-playing .story-image{opacity:1}.story-player-container.intro-finished .story-image,.story-player-container.intro-mid .story-image{opacity:.3;transition:opacity 2s ease-in-out}.story-player-container:not(.intro-finished) .title{position:absolute;top:0}.story-player-container .audio-wrapper,.story-player-container .english-sentence,.story-player-container .english-words,.story-player-container .thai{align-items:center;display:flex;flex-direction:row}.story-player-container .thai button{font-size:2.3em!important;margin:0!important;padding:0!important}.highlight-base{color:#fff}.highlight-base.highlight-in{color:#eea362;transition:color .07s ease-out}.highlight-base.highlight-out{color:#fff;transition:color .6s ease-in}.story-player-container :not(img){z-index:2}.story-player-container .story-image{-webkit-user-select:none;user-select:none;z-index:1}.story-player-container button:not(.close-button),.story-player-container>.title,.story-player-container>p:not(.audio-wrapper){text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.thai>.flex-wrapper>.copy-button{margin-left:.3em!important}.thai>.flex-wrapper>.copy-button svg{height:.4em;width:.4em}.thai>.flex-wrapper>.copy-button.copied svg{animation:moveDown .5s ease-out forwards}@keyframes moveDown{0%{transform:translateY(-.1em)}to{transform:translateY(0)}}.thai>.flex-wrapper>.copy-button:disabled{color:#fff}.small-space-after:after,.small-space-before:before{content:" ";display:inline-block;width:.2em}.player-container{align-items:center;box-sizing:border-box;display:flex;font-family:Roboto,sans-serif;justify-content:center;padding:0 10px;width:100%}.player-container .auto-step-forward-button,.player-container .play-button{align-items:center;background:#000;border:3px solid #fff;border-radius:50%;cursor:pointer;display:flex;flex:0 0 60px;height:60px;justify-content:center;margin:0;width:60px}.playback-bars-container{display:flex;flex:1 1;flex-wrap:wrap;margin-right:5px;padding:0 4px}.play-icon,.stop-icon{fill:#fff;height:36px;width:36px}.playback-bar{align-items:center;background-color:#00000080;border:2px solid #fff;border-radius:5px;color:#fff;display:flex;flex:1 0;height:45px;justify-content:space-between;line-height:1.5;margin:5px;padding:4px;position:relative;transition:width .1s linear}.progress-bar{background-color:#ffffff4d;border-radius:3px 0 0 3px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:0;width:var(--progress,0)}.player-container .close-button{right:-14.5px!important;scale:.75;top:-14px!important}.player-container .playback-bars-container .playback-bar:only-child .close-button{visibility:hidden}.player-container .auto-step-forward-button{align-items:center;background:#000;border:3px solid #fff;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;position:relative;transition:background-color .3s,stroke .3s;width:60px;z-index:10}.player-container .auto-step-forward-button svg{stroke:#fff;height:36px;transition:stroke .3s;width:36px}.player-container .auto-step-forward-button.inverted{background:#fff}.player-container .auto-step-forward-button.inverted svg{stroke:#000}.player-container .add-player-button{align-items:center;background:#000;border:3px solid #fff;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;position:relative;width:60px;z-index:10}.player-container .add-player-button svg{stroke:#fff;height:36px;width:36px}span.language-button{pointer-events:none}.player-container .language-button,.player-container .speed-button{background-color:initial;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin:0 .5em;padding:.3em;white-space:nowrap}.player-container .language-button:focus,.player-container .speed-button:focus{outline:2px solid #fff;outline-offset:2px}.player-container.simplified{padding:0 0 1em}.player-container.simplified .playback-bars-container{padding:0 0 0 .2em}.controls-column{align-items:center;display:flex;flex-direction:column;gap:8px}.app .close-button{align-items:center;background-color:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1em;height:1em;justify-content:center;margin:.2vw!important;padding:.6em;position:absolute;right:0;top:0;transition:transform 25ms ease-in-out;-webkit-user-select:none;user-select:none;width:1em}.app .close-button:hover{text-decoration:none;transform:scale(1.1)}.app .close-button:focus{border-radius:50%;box-shadow:0 0 0 2px #fff;outline:none}.dictionary-word-container{align-items:center;display:flex;flex-direction:column;margin:0 1em;min-height:100vh;min-height:100dvh}.dictionary-word-container .title{flex:0 0 auto;font-size:20vh;margin:0}.dictionary-word-container .explanation{display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;margin:0;text-align:left}.dictionary-word-container .wiki{flex:0.1 0 auto;text-align:center;width:-moz-fit-content;width:fit-content}.dictionary-word-container a{color:#fff}.dictionary-word-container .toggle-summary{bottom:0;left:0;position:absolute}.dictionary-word-container .deactivated{color:grey}.circle-button{align-items:center;background-color:#fff!important;border:none;border-radius:50%;color:#000!important;cursor:pointer;display:flex;font-size:24px;height:1em;justify-content:center;left:0;margin:.2vw!important;padding:.6em;position:absolute;text-decoration:none!important;top:0;transition:transform 25ms ease-in-out;-webkit-user-select:none;user-select:none;width:1em}.circle-button:focus{outline:1px solid #fff}.circle-button:hover{text-decoration:none;transform:scale(1.1)}.circle-button span{display:block;outline:none;position:relative;text-align:center;text-shadow:none!important;top:-.1em}table{border-collapse:collapse;font-size:.75em;table-layout:fixed;width:100%}td,th{word-wrap:break-word;border:1px solid #444;font-size:1em;overflow:hidden;overflow-wrap:break-word;padding:.4em;text-align:left}th{background-color:#fff;color:#000;cursor:pointer;font-size:.8em;font-weight:700;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}td button{font-size:1em;position:relative;text-align:left;text-decoration:underline}tbody tr:nth-child(odd){background-color:#111}td.thumbnail-cell,th.thumbnail-header{min-width:12%;overflow:hidden;padding:.5em;text-align:center;width:12%}.thumbnail-placeholder{align-items:center;display:flex;height:100%;justify-content:center}.thumbnail-placeholder img{max-height:100%;max-width:100%;min-width:4em;object-fit:cover}.title-cell,.title-header{width:20%}.summary-cell,.summary-header{width:auto}.created-cell,.created-header{width:8%}.sentences-cell,.sentences-header,.words-per-sentence-cell,.words-per-sentence-header{width:6%}@media (max-width:600px){.created-cell,.summary-cell,.words-per-sentence-cell,th.created-header,th.summary-header,th.words-per-sentence-header{display:none}.title-cell,.title-header{width:75%}.sentences-cell,.sentences-header{width:15%}}@media (min-width:600px) and (max-width:800px){.created-cell,.words-per-sentence-cell,th.created-header,th.words-per-sentence-header{display:none}.summary-cell,.summary-header{width:60%}.sentences-cell,.sentences-header{width:15%}}body{background-color:#000}.app{color:#fff;font-size:calc(10px + 2vmin);overflow-x:hidden;text-align:center}.app button{background-color:initial;border:none;color:#fff;cursor:pointer;margin:.3em;padding:.1em}.app button:hover{text-decoration:underline}.app button:disabled{color:#ffffff4d;cursor:inherit;text-decoration:inherit}.next-line{display:block;margin-top:0}.thai-script-font *{font-family:Prompt}
/*# sourceMappingURL=main.2e694a49.css.map*/