.overlay{--my:min(4rem, 75px);--mx:min(3rem, 50px);background-color:rgba(255,255,255,.95);position:fixed;display:flex;flex-flow:column nowrap;top:var(--my);left:var(--mx);right:var(--mx);bottom:var(--my);border-radius:8px;padding:1rem;backdrop-filter:blur(4px);box-shadow:0 0 10px 0 rgba(0,0,0,.5);z-index:2147483647;opacity:1;overflow:auto;transition:all 250ms ease-in-out}#overlay-sibling{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;border-radius:0;z-index:2147483647;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);overflow:hidden}@media (max-width:1024px){.overlay{--my:min(4rem, 50px);--mx:min(3rem, 25px)}}@media (max-width:480px){.overlay{--my:min(4rem, 25px);--mx:min(3rem, 10px)}}@media (max-width:320px){.overlay{--my:min(4rem, 10px);--mx:min(3rem, 5px)}}.overlay.hidden{display:unset!important;pointer-events:none;opacity:0;overflow:hidden}.overlay.hidden *{display:none!important}.overlay .close{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;padding:1rem;cursor:pointer;opacity:.5;transition:opacity 150ms ease-in-out}.overlay .close:hover{opacity:1}.overlay .progress-container{position:fixed;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(4px);z-index:2147483647}.overlay .progress-container .progress{--width:max(80%, 300px);--height:32px;position:fixed;top:calc(50% - var(--height)/ 2);left:calc(50% - var(--width)/ 2);right:calc(50% - var(--width)/ 2);height:var(--height);line-height:var(--height);width:var(--width);z-index:2147483647;display:flex}.overlay .progress-container .progress,.overlay .progress-container .progress .back,.overlay .progress-container .progress .front{font-size:1rem;border:1px solid rgba(0,123,255,.5);border-radius:4px;overflow:hidden}.overlay .progress-container .progress .back{background-color:#007bff;color:#fff;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.overlay .progress-container .progress .front{background-color:#f0f0f0;color:#007bff;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);transition:clip-path 1s linear}.overlay .progress-container.reset .progress .front{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);transition:clip-path 0s linear!important}div:where(.swal2-container){z-index:2147483647!important}.overlay .title{font-size:1.2rem;margin-bottom:1rem}.overlay .copy-transcript-button{background-color:rgba(0,123,255,.9);color:#fff;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;position:absolute;bottom:16px;right:16px;font-size:1.2rem!important;width:130px;height:2.5rem;line-height:2.5rem;padding:0 1rem;border:none;border-radius:4px;cursor:pointer;transition:all 150ms ease-in-out}.overlay .copy-transcript-button svg{margin-right:.5rem}.transcript-container{display:flex;flex-flow:row nowrap;background-color:rgba(255,255,255,.8);width:100%;height:100%;border:1px solid rgba(0,0,0,.2);border-radius:4px;overflow-y:auto}.transcript-container #transcript,.transcript-container .gutter{--height:24px;background-color:transparent;color:rgba(0,0,0,.8);line-height:var(--height);padding:.5rem;font-size:1.2rem}.transcript-container .gutter{flex-grow:0;flex-shrink:0;display:flex;flex-flow:column nowrap;border-right:1px solid rgba(0,0,0,.2)}.transcript-container .gutter>.line{display:flex;flex-flow:row nowrap;justify-content:space-between;height:var(--height);line-height:var(--height);margin:0;padding:0;overflow:hidden}.transcript-container .gutter>.line>div{font-family:monospace;font-size:.825rem;text-align:center;letter-spacing:-1px}.transcript-container .gutter>.line>.gutter-time{min-width:60px}.transcript-container textarea#transcript{flex-grow:1;width:100%;resize:none;border:none;outline:0;overflow:hidden}input[type=button]{transition:all 150ms ease-in-out}input:focus,select:focus,textarea:focus,video:focus{outline:0}.video-area{--padding:20px;flex-grow:1;padding:var(--padding);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:calc(100% - 2rem)}@media (max-width:1024px){.video-area{padding:0}}.video-area .download-container{position:absolute;top:16px;left:16px;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.video-area .download-container>#download,.video-area .download-container>#netflix{background-color:rgba(0,123,255,.9);color:#fff;font-size:1.2rem!important;width:130px;height:2.5rem;line-height:2.5rem;padding:0 1rem;border:none;border-radius:4px;cursor:pointer}.video-area .download-container>#download:hover,.video-area .download-container>#netflix:hover{background-color:#005cbe}.video-area .download-container>#download[disabled]{background-color:rgba(0,123,255,.5);cursor:not-allowed}.video-area .download-container>#netflix{background-color:#e50914;margin-left:1rem}@media (max-width:400px){.video-area .download-container{flex-flow:column nowrap;align-items:flex-start}.video-area .download-container>#netflix{margin-top:.5rem;margin-left:0}}.video-area .instructions{position:absolute;bottom:4px;left:8px;opacity:.5}.video-player-container{background-color:#000;flex-shrink:1;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative;width:100%;max-height:calc(100% - 300px)}video#video-player{border:1px solid rgba(0,0,0,.2);width:100%;height:100%;min-height:200px;border-radius:4px;overflow:hidden}@media (max-width:1024px){.video-player-container{margin-bottom:.5rem}video#video-player{min-height:calc(100vh - 600px);max-height:min(800px,calc(30vh))}}.video-area .time-container{display:flex;flex-flow:row nowrap;justify-content:center;width:100%;border-radius:4px}.video-area .time{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.video-area .time>div{margin:0 .5rem}.video-area .video-time{opacity:.8}.video-area .time-tools{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.video-area .time-tools input{background-color:rgba(255,255,255,.8);width:60px;height:32px;line-height:32px;margin:0 4px;padding:0;border:1px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer}.video-area .time-tools input:hover{opacity:.5}@media (max-width:1024px){.video-area .time-container{display:none}}.video-area .timeline{--handle-width:8px;position:relative;max-width:100%;height:min(180px,30%);margin:0 auto 10px auto;border:1px solid rgba(0,0,0,.2);border-radius:4px;overflow-x:auto}.video-area .timeline-thumbnails{display:flex;justify-content:start;align-items:stretch;position:relative;height:100%;margin-left:var(--handle-width);margin-right:var(--handle-width);z-index:1}.video-area .timeline-thumbnails>.thumbnail{flex-shrink:0;display:flex;flex-flow:column nowrap;justify-content:center;position:relative;height:100%;margin:0 1px;padding:.5rem 0;overflow:hidden}.video-area .timeline-thumbnails>.thumbnail>div{color:rgba(0,0,0,.5)}.video-area .timeline-thumbnails>.thumbnail>img{background-color:rgba(0,0,0,.1);border-radius:4px}.video-area .timeline-slider{position:absolute;top:0;left:0;height:100%;z-index:2}.video-area .timeline-progress{background-color:rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.2);position:absolute;top:0;left:0;width:6px;height:100%;pointer-events:none;z-index:4}.video-area .timeline-progress::before{content:attr(data-time);background-color:rgba(0,0,0,.8);color:#fff;position:absolute;bottom:2px;left:100%;transform:translateX(4px);white-space:nowrap;padding:.25rem .5rem;border-radius:4px;z-index:5}.video-area .slider-handle{background-color:rgba(0,122,204,.8);position:absolute;top:0;width:var(--handle-width);height:100%;border:2px solid rgba(255,255,255,.2);cursor:ew-resize;pointer-events:auto;z-index:3}.video-area .slider-handle.left-handle{left:0}.video-area .slider-handle.right-handle{right:0}.video-area .slider-handle.left-handle::before,.video-area .slider-handle.right-handle::before{content:attr(data-time);background-color:rgba(0,122,204,.8);color:#fff;position:absolute;top:2px;white-space:nowrap;padding:.25rem .5rem;border-radius:4px;z-index:5}.video-area .slider-handle.left-handle::before{left:100%;transform:translateX(4px)}.video-area .slider-handle.right-handle::before{right:100%;transform:translateX(-4px)}.video-area .slider-range{background-color:rgba(0,122,204,.3);position:absolute;top:0;left:0;height:100%;pointer-events:auto}