.App{font-family:sans-serif;max-width:800px;margin-left:auto;margin-right:auto;max-height:1000px}.webvtt-player .active{background-color:#eee;border:1px solid #ccc}.webvtt-player .match{background-color:#ffffe0}.webvtt-player .line{padding:5px;cursor:pointer}.webvtt-player .time{width:110px;float:left;font-size:10pt;line-height:14pt}.webvtt-player .text{margin-left:110px}.webvtt-player .transcript{height:90vh;padding:10px;overflow-y:scroll}.webvtt-player .media{width:100%;border:thin solid #ccc;margin-right:auto}.webvtt-player audio{width:100%;background-color:#ccc}.webvtt-player audio::-webkit-media-controls-panel{background-color:#ccc}.webvtt-player .controls{padding:5px;text-align:center;vertical-align:text-top;background-color:#ccc}.webvtt-player .seekBar{vertical-align:middle;width:70%}.search{border-top:thin solid #ccc;padding:5px;font-size:14pt;margin-top:5px}.search .container{border:thin solid #ccc}.search input{font-size:12pt;border:none;width:90%}.search input:focus{outline:none}.search .icon{padding-left:5px;padding-right:5px}