body{margin:0;padding:0;font-family:sans-serif}@font-face{font-family:Karla;src:url(/static/media/Karla-Regular.fd3f938a.ttf) format("truetype");font-weight:300}@font-face{font-family:Karla;src:url(/static/media/Karla-Bold.b45be274.ttf) format("truetype");font-weight:600}@font-face{font-family:Steps Mono;src:url(/static/media/Steps-Mono.b2060467.otf) format("opentype");font-weight:300}*{font-family:Karla,sans-serif;font-size:100%}.App{padding-top:60px}.controls{padding:1em 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:90%}.control{-ms-flex:1 1 auto;flex:1 1 auto;margin:.2em}.control.small-control{-ms-flex:0 1 auto;flex:0 1 auto}.control.checkbox label{font-size:110%}input[type=checkbox]{margin-right:.5em}.control.checkbox label:after{content:""}.control.length-slider input[type=number]{max-width:5em}button{width:100%}.App{top:1em;right:.8em;bottom:1em;left:.8em;flex-direction:column;min-height:calc(100vh - 60px)}.App,.Group,.sentence{display:-ms-flexbox;display:flex;-ms-flex-direction:column}.Group,.sentence{flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto}.controls{-ms-flex:0 0 auto;flex:0 0 auto}.text{-ms-flex:1 1 auto;flex:1 1 auto;position:relative;margin:0 .2em}.fragmentSelector{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.fragment{-ms-flex:1 1 auto;flex:1 1 auto;padding:10px;margin:5px;border:1px solid #efefef;cursor:pointer;font-size:1.75em}.fragment:before{content:"..."}.fragment:hover{border:1px solid #666}textarea{padding:.5em;font-size:1.75em;background-color:transparent;border:none;-webkit-box-shadow:inset 0 0 5px hsla(0,0%,55%,.726);box-shadow:inset 0 0 5px hsla(0,0%,55%,.726);min-height:150px}.text textarea{width:calc(100% - 1em);height:calc(100% - 1.25em)}.Group .text textarea{min-height:400px}.Group[data-collapsed=true] .text{display:none}[data-collapsed=false] .toggleButton:after{content:"\25BC"}[data-collapsed=true] .toggleButton:after{content:"\25B6"}button,input{background:#fff;border:1px solid #999;padding:5px;vertical-align:middle}button:hover{border-color:#333;color:#333}button:active{-webkit-box-shadow:inset 0 0 2px hsla(0,0%,75%,.726);box-shadow:inset 0 0 2px hsla(0,0%,75%,.726)}input[type=range]{border:none}.control{vertical-align:top}.control.slider{text-align:center}.control.slider label{padding-top:.3em;margin-left:1em;display:inline-block}#about{position:fixed;top:0;right:0;bottom:0;left:0;padding:5em;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#about section{-ms-flex:0 0 auto;flex:0 0 auto}#about section.grow{-ms-flex:1 0 auto;flex:1 0 auto}#about p{font-size:1.75em}#about p.small{font-size:1.1em}#about p.small.first{margin-top:5em}#closeAbout{width:auto;position:absolute;top:2.2em;right:1.2em}.suggestions{position:absolute;z-index:1;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.suggestions-option{margin-bottom:.25em;cursor:default}.suggestions-option.highlight,.suggestions-option:hover{color:blue}.suggestions-button-load-more{margin-top:1.5em}.suggestions-button-load-more:hover{cursor:auto}.main-controls{z-index:1;position:fixed;top:0;left:10px;right:10px;background:#fff;margin-bottom:5px}[data-performance=true] .control.performance-hide,[data-performance=true] .control.slider input[type=number]{display:none}[data-performance=true] .suggestions-option{font-family:Steps Mono;font-size:130%}.suggestions-option.active,.suggestions-option:hover{text-decoration:underline}[data-performance=true] .main-controls{background:transparent}[data-performance=true] textarea{font-family:Steps Mono;-webkit-box-shadow:none;box-shadow:none;font-size:2.25em}[data-performance=true] button{border:none;background:none}[data-performance=true] button:hover{-webkit-box-shadow:0 0 5px #6d19ff;box-shadow:0 0 5px #6d19ff}[data-performance=true] .sentence{border-top:1px dotted #efefef}[data-performance=true] .sentence[data-playing=true]{-webkit-box-shadow:0 0 5px #6d19ff;box-shadow:0 0 5px #6d19ff;color:#fff;background-color:#6d19ff}[data-performance=true] .sentence[data-playing=true] .suggestions{background-color:#6d19ff}[data-performance=true] .sentence[data-playing=true] input,[data-performance=true] .sentence[data-playing=true] textarea{color:#fff;background:transparent}[data-performance=true] .sentence[data-playing=true] .suggestions-option.highlight,[data-performance=true] .sentence[data-playing=true] .suggestions-option:hover{text-decoration:underline;color:#fff}.suggestions-button-load-more.active{color:#fff;background-color:#000}[data-performance=true] .sentence[data-playing=true] .suggestions-button-load-more.active{color:#6d19ff;background-color:#fff}
/*# sourceMappingURL=main.2f5ebb29.css.map*/