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}.word-counts{height:15rem}.progress-summary,.word-counts{align-content:start;box-sizing:border-box;display:inline-block;padding:.5rem;width:100%}.progress-summary{height:8rem}.lesson-summary{align-items:center;display:inline-flex;justify-content:space-around;padding-bottom:1rem;width:100%}.lesson-summary .lesson-stat{padding:.5rem}.progress-summary-alt{display:inline-flex}.progress-summary-alt .progress-stat{padding:.5rem}.value{font-size:1.5rem;font-weight:700}.value-label{color:#d3d3d3;font-size:1rem}.app{display:flex;flex-direction:column;text-align:center}.app-logo{height:40vmin;pointer-events:none}.app-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around;padding:0;width:100%}.app-header img{align-content:flex-end;padding:0}.app-header .app-name{align-items:center;display:flex;font-size:1.5rem;justify-content:center;margin:0;padding-bottom:1rem}.ww-orange{color:#fda95e}.ww-blue{color:#4ab7b6}.buttons{padding:1rem}button{background-color:#4ab7b6;border:none;border-radius:4px;color:#fff;display:inline-block;font-size:16px;margin:.25rem;min-width:10rem;padding:.5rem;text-align:center;text-decoration:none;width:inherit}button:disabled{background-color:#7ab7b6;color:#d3d3d3;cursor:not-allowed}.word{margin:.25rem}input{background-color:#fff;border:1px solid #8b8a8b;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:1rem;line-height:1.25rem;min-width:5rem;padding:.25rem .5rem;width:100%}input:focus,select:focus{border-color:#fda95e;outline:3px solid transparent}.audio-delay,.lesson-selection{margin:.25rem}.audio-delay{align-items:center;display:flex;justify-content:flex-end}.audio-delay .title{cursor:pointer;margin-right:.5rem}.audio-delay select{padding:.25rem;width:30%}.selection{margin:auto;max-width:14rem}select{background-color:#fff;border:1px solid #8b8a8b;border-radius:.25em;cursor:pointer;font-family:inherit;font-size:1rem;line-height:1.25rem;padding:.25rem .5rem;width:100%}.transcript{padding:.5rem}.error-msg{background-color:#ffbaba;border-radius:3px 3px 3px 3px;color:#d8000c;margin:.5rem 0;padding:.25rem}.popup{cursor:pointer;display:inline-block;position:relative}.popup .popup-text{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:0;margin-left:-5rem;padding:8px 0;position:absolute;text-align:center;visibility:hidden;width:20rem;z-index:1}.popup .popup-text:after{border:5px solid transparent;border-top-color:#555;content:"";left:54%;margin-left:-5px;position:absolute;top:100%}.popup .show{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;visibility:visible}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.in-circle{align-items:center;background:#4ab7b6;border-radius:50%;color:#fff;display:inline-flex;font-size:.8rem;height:1rem;justify-content:center;line-height:1rem;text-align:center;width:1rem}.switch{display:inline-block;height:1.5rem;position:relative;width:2.5rem}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:1rem;left:4px;position:absolute;transition:.2s;width:1rem}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(1rem);transform:translateX(1rem)}.slider.round{border-radius:1.5rem}.slider.round:before{border-radius:50%}.autoscroll,.transcript .highlight{padding:.5rem}.transcript .autoscroll .label,.transcript .highlight .label{margin-right:1rem}@media only screen and (min-width:768px){.app{box-sizing:border-box;flex-direction:row;overflow:hidden;padding:.5rem;width:100%}.app-logo{height:25vmin}.app .header-select{align-items:center;flex-direction:column;overflow:hidden;width:50%}.app .app-header,.app .header-select{display:flex;justify-content:space-evenly}.app .app-header{flex-direction:row}.app .app-header .app-logo{padding:0}.app .app-header .app-name{margin:0;padding:0 1rem}.transcript-section{height:90vh;overflow-y:auto;width:50%}.transcript .controls{display:flex;flex-direction:row;justify-content:space-evenly}.transcript-section .content{text-align:left}}
/*# sourceMappingURL=main.afe489c7.css.map*/