body{background-color:#222;color:#888;font-family:monospace}html,body,#app{height:100%}.editor{height:calc(100% - 60px);font-size:30px;line-height:1em;padding:30px 200px 30px 50px}.editor span.time{background-color:#2d9efc;color:#ddd;box-shadow:-2px 0 #2d9efc,2px 0 #2d9efc}.editor div.paragraph{position:relative;padding:15px;margin:15px;border-top:1px solid transparent;border-bottom:1px solid transparent}.editor div.bg{position:absolute;top:0;bottom:0;left:0;right:60%;background-color:#4daefd80;z-index:-1;transition:width .2s linear}.editor .timeLeft{position:absolute;right:-150px;top:10px;opacity:.5;user-select:none}.editor .timeLeft .label{line-height:1em;font-size:10px;text-align:left}.editor div.progress{color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff}.editor div.progress span.time{color:#fff}.editor .placeholder{line-height:1.2em;color:#fff}.editor .placeholder p{padding:0;margin:0}.editor .placeholder pre{padding-left:50px}