.subtitle-viewer[data-v-c54bd324]{font-size:2.5vw;text-align:center;color:#fff;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:82%;bottom:10%;left:50%;transform:translate(-50%);z-index:2;background-color:rgba(0,0,0,.7);padding:5px 25px;box-sizing:border-box}input[data-v-2cac306e]{background-color:#000;color:#444}.subtitle-element[data-v-2cac306e]{cursor:pointer;margin:0;padding:1em;display:grid;grid-template-areas:"text text" "startTimeLabel endTimeLabel" "startTimeLabel endTimeInput";grid-template-rows:auto auto auto;grid-template-columns:auto auto}.subtitle[data-v-2cac306e]{font-size:1vw;grid-area:text}.subtitle-element:hover input[data-v-2cac306e],.subtitle-element[data-v-2cac306e]:hover{background-color:#102027;color:#fff}.active[data-v-2cac306e],.active input[data-v-2cac306e]{background-color:#37474f;color:#fff}.editable[data-v-2cac306e]{border:2px solid;border-radius:5px}.start-time-label[data-v-2cac306e]{grid-area:startTimeLabel}.start-time-input[data-v-2cac306e]{grid-area:startTimeInput;width:100%}.end-time-label[data-v-2cac306e]{grid-area:endTimeLabel}.end-time-input[data-v-2cac306e]{grid-area:endTimeInput;width:100%}.subtitle-tracklist-viewer[data-v-4d92e2ba]{height:100%;overflow-x:hidden;overflow-y:auto;background-color:#000;color:#444}.video-player[data-v-e8b554fa]{height:100vh;position:relative;align-items:center}.video-element[data-v-e8b554fa]{width:100%}.video-player[data-v-e8b554fa] ::cue{visibility:hidden;color:transparent}.video-player[data-v-e8b554fa] ::-webkit-media-controls-toggle-closed-captions-button,.video-player[data-v-e8b554fa] ::-webkit-media-text-track-container{display:none}body,html{margin:0;height:100vh}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;width:100vw;overflow:hidden;display:grid;grid-template-areas:"video video subtitles" "video video subtitles" "video video subtitles" "video video controls";grid-template-rows:95.4% 1% 0 3.6%;grid-template-columns:87% 0 13%;background-color:#000}#app,.app-main{position:relative}.app-main{grid-area:video}.app-aside{grid-area:subtitles;position:relative}.controls{grid-area:controls;width:100%;height:100%;display:grid;grid-template-areas:"item1 item2";grid-template-rows:auto;grid-template-columns:1fr auto}.video-missing,.video-subtitles-missing{grid-area:video}.subtitles-missing{grid-area:subtitles}.video-load-error{grid-area:video}.subtitles-load-error{grid-area:subtitles;word-wrap:break-word}.hint{color:#fff;font-size:24px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;text-align:center}.edit-subtitles-button{grid-area:item1}.download-subtitles-button{grid-area:item2;text-decoration:none}.download-subtitles-button,.edit-subtitles-button{font-size:1.5vh;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;background-color:#000;color:#444;padding:.5vh}.download-subtitles-button:hover,.edit-subtitles-button:hover{background-color:#102027;color:#fff}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.offset-input{grid-area:item2;width:100%}