body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media print{.tripleColumnContainer{width:100%;display:block}.playList,.videoPlayer{display:none}.notes{width:100%;float:none;overflow-y:visible;display:block;position:absolute;top:0}}@media screen{.tripleColumnContainer{width:90%;display:grid;grid-template-columns:[start-c] 1fr 1fr 1fr [end-c]}.videoPlayer{background-color:#eeb7b7;width:100%;height:100%}.playList{background-color:#b7eec7}.notes,.playList{width:100%;height:100%}.notes{background-color:#b7ecee;max-width:40vw}}@media screen and (min-width:900px){.tripleColumnContainer{width:90%;max-width:90vw;height:100vh;display:grid;grid-template-columns:[start-c] 5fr [center] 2fr [end-c];grid-template-areas:"video    notes"}.videoPlayer{grid-area:video}.playList{grid-area:playlist}.notes{grid-area:notes}}.notes .noteSectionVideoTitle{color:#000;font-size:1.5rem;width:100%;max-width:50vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin:1rem 0}.notes .noteSectionVideoLink{display:none}@media print{.notes .noteSectionVideoTitle{font-size:2.5rem;width:100%;max-width:100%;text-align:center;margin:1rem 0}.notes .noteSectionVideoLink{display:block;font-size:1rem;width:100%;text-align:center}}ul{overflow:auto;height:80vh;padding:0}.centerListItem{color:red}.ListItem{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:20vh;width:calc(100% - 2px);border:1px solid #000;display:flex;flex-direction:column}.ListItem button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media print{ul{overflow-y:visible;position:relative;top:0}.ListItem,ul{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}.ListItem{min-height:20vh;width:95vw;border:1px solid #000;margin:1rem auto;border-radius:10px}}.noteInputField{white-space:pre-wrap}.titleDiv{padding:.1rem;margin:0}.noteTitleContainer,.titleDiv{display:flex;justify-content:center}.noteTitleContainer{color:#57b2ce;margin:.5rem 0 1rem;transition:all 1s cubic-bezier(.075,.82,.165,1);flex:row 1;align-items:center;font-size:1.2vw}.noteTitleContainer .noteTitleEditor{flex:1 1;white-space:nowrap;display:inline-block;font-size:inherit;color:inherit;font-family:inherit;margin-right:1rem}.noteTitleContainer .noteTitleDisplay{display:inline-block;max-width:50%;white-space:nowrap;text-indent:0;overflow:hidden;text-overflow:ellipsis;background-color:transparent;border:none;font-size:inherit;color:inherit;cursor:pointer}.noteTitleContainer .seekText{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.noteTitleContainer .timestamp{margin-left:1rem}@media screen{.noteTitleContainer .timestamp{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-block;position:relative}.printOnlyTimeStamp{display:none}}@media print{.printOnlyTimeStamp{display:inline-block}.noteTitleContainer .timestamp{display:none}}.noteTitleContainer .seekText{width:1px;white-space:nowrap;display:inline-block;position:relative;font-size:1rem;opacity:0;transition:all .5s cubic-bezier(.075,.82,.165,1),opacity .3s cubic-bezier(.075,.82,.165,1)}.noteTitleContainer:hover{color:#00f;transition:all .1s cubic-bezier(.075,.82,.165,1)}.noteTitleContainer:hover .seekText{width:2.5rem;opacity:1;transition:all .2s cubic-bezier(.075,.82,.165,1)}.noteMsgEditor{resize:none;border:0;width:85%;margin:0;font-size:1.2rem;padding:.8rem 0;background-color:transparent;caret-color:#18175d}.noteMsgEditor:focus{border:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;outline:none}.noteMsgEditorContainer{display:flex;justify-content:center;resize:vertical;min-height:15vw;border-top:1px solid rgba(0,0,0,.246);border-bottom:1px solid rgba(0,0,0,.246);width:100%;margin:0;overflow:auto;background-color:rgba(0,0,0,.089)}.noteMsgEditorContainer:focus-within{outline:auto;outline-color:#e28d2b;-webkit-tap-highlight-color:rgb(219,150,46)}.noteMsgDisplay{word-wrap:break-word;width:calc(100% - 3rem - 2px);margin:0;flex:1 1;text-align:start;padding:.5rem 1.5rem;font-size:1.2rem;border-top:1px solid rgba(0,0,0,.089)}.noteMsgDisplay,.testerPre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.testerPre{width:40vw}.playlistContainer{height:10vw;position:relative}.playlistTopBar{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,255,255,.082)}.playListInputContainer{width:100%;height:3vw;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;margin:.5vw 0}.playlistInputField{position:relative;height:70%;width:68%;border-radius:25px;text-indent:3rem;font-size:1.2rem;margin-right:2%}.playlistButton{height:80%;width:15%;border-radius:25px}.lastUpdatedTimestamp{font-size:.9vw;margin:.5rem 0}.mainVideo{width:100%;height:30vw}[class*=" icon-"]:before,[class^=icon-]:before{font-family:FontAwesome;font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit;font-size:1rem}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.video-js .icon-angle-left,.video-js .icon-angle-right{cursor:pointer;flex:none}.vjs-playlist{padding:1rem 0;background-color:#1a1a1a;color:#fff;list-style-type:none}.vjs-playlist img{display:block;height:auto;width:auto}.vjs-playlist .vjs-playlist-item-list{position:relative;margin:0;padding:0;list-style:none}.vjs-playlist .vjs-playlist-item{position:relative;cursor:pointer;overflow:hidden}.vjs-playlist .vjs-playlist-thumbnail-placeholder{background:#303030}.vjs-playlist .vjs-playlist-now-playing-text{display:none;position:absolute;top:0;left:0;padding-left:2px;margin:.8rem}.vjs-playlist .vjs-playlist-duration{position:absolute;top:.5rem;left:.5rem;padding:2px 5px 3px;margin-left:2px;background-color:rgba(26,26,26,.8)}.vjs-playlist .vjs-playlist-title-container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;box-sizing:border-box;width:100%;height:100%;padding:0 .8rem;text-shadow:1px 1px 2px #000,-1px 1px 2px #000,1px -1px 2px #000,-1px -1px 2px #000}.vjs-playlist .vjs-playlist-name{display:block;max-height:2.5em;padding:0 0 4px 2px;font-style:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px}.vjs-playlist .vjs-playlist-description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;font-size:14px;padding:0 0 0 2px}.vjs-playlist .vjs-up-next-text{display:none;padding:.1rem 2px;font-size:.8em;text-transform:uppercase}.vjs-playlist .vjs-up-next .vjs-up-next-text{display:block}.vjs-playlist .vjs-selected{background-color:#141a21}.vjs-playlist .vjs-selected img{opacity:.2}.vjs-playlist .vjs-selected .vjs-playlist-duration{display:none}.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text{display:block}.vjs-playlist .vjs-selected .vjs-playlist-title-container{text-shadow:none}.vjs-playlist-vertical{overflow-x:hidden;overflow-y:auto}.vjs-playlist-vertical img{width:100%;min-height:54px}.vjs-playlist-vertical .vjs-playlist-item{margin:2px 0;justify-content:center;align-items:center}.vjs-playlist-vertical .vjs-playlist-thumbnail{display:block;width:15%;min-width:4rem;margin:.5rem 0 .5rem 1.5rem}.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder{height:100px}.vjs-playlist-horizontal{overflow-x:auto;overflow-y:hidden}.vjs-playlist-horizontal img{min-width:100px;height:100%}.vjs-playlist-horizontal .vjs-playlist-item-list{height:100%;white-space:nowrap}.vjs-playlist-horizontal .vjs-playlist-item{display:inline-block;height:100%;margin-right:5px}.vjs-playlist-horizontal .vjs-playlist-thumbnail{display:block;height:100%}.vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder{height:100%;width:180px}.vjs-playlist.vjs-ad-playing{overflow:hidden}.vjs-playlist.vjs-ad-playing.vjs-csspointerevents{pointer-events:none;overflow:auto}.vjs-playlist.vjs-ad-playing.vjs-csspointerevents .vjs-playlist-ad-overlay{pointer-events:auto}.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";background-color:rgba(0,0,0,.5)}.vjs-playlist{font-size:14px}.vjs-playlist .vjs-playlist-description{height:28px;line-height:21px}.vjs-mouse.vjs-playlist{font-size:15px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:30px;line-height:23px}@media (min-width:600px){.vjs-mouse.vjs-playlist{font-size:17px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:34px;line-height:26px}.vjs-playlist .vjs-playlist-name{line-height:22px}}@media (max-width:520px){.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text,.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}}@media (min-width:521px){.vjs-playlist img{min-height:85px}}@media (max-width:750px){.vjs-playlist .vjs-playlist-duration{display:none}}:root{--closed-container-height:5vw;--open-container-height:min(30vw,40vh)}.playlistContainerMaster{overflow-x:hidden;position:relative}.open{height:min(30vw,40vh);height:var(--open-container-height);overflow-y:scroll;transition:all .5s cubic-bezier(.645,.045,.355,1)}.closed{overflow-y:hidden;transition:height .5s}.closed,.playlistBar,.playlistBarBlock{height:5vw;height:var(--closed-container-height)}.playlistBar,.playlistBarBlock{width:100%}.playlistBar{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:100000;background-color:rgba(0,0,0,.65);display:flex;flex-direction:row;justify-content:center;align-items:center}.playlistContainer{max-height:40vw;height:40vw;overflow-x:hidden;overflow-y:scroll}.videoInfoContainerInner{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.thumbnail{width:10vw;height:80%;margin-left:5rem}.titleContainer{margin-left:2rem;flex:1 1;padding-right:5rem}.videoTitle{font-size:.5rem}.now-playing{font-size:.2rem}@media screen and (min-width:900px){.videoTitle{font-size:.9rem}.now-playing{font-size:.5rem}}@media screen and (min-width:1100px){.videoTitle{font-size:1.5rem}.now-playing{font-size:1rem}}:root{--playlist-item-height:5vw}.playlistContainer{height:100%;width:100%}.dragging-state{background-color:#add8e6}.not-dragging-state{background-color:#d3d3d3}.videoContainer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:(grid * 2);margin:1rem 0;white-space:wrap;flex-wrap:wrap;word-wrap:break-word;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;height:5vw;height:var(--playlist-item-height)}.video-dragging-state{background-color:#90ee90}.video-not-dragging-state{background-color:grey}.handle{font-size:2rem;left:0;padding:0 2vw}.delete,.handle{position:absolute;height:100%;display:flex;flex-direction:row;align-items:center}.delete{font-size:1.2rem;right:0;padding:0 2rem;opacity:0;font-weight:400;color:#fff}.videoContainer:hover .delete{opacity:1;transition:opacity .25s cubic-bezier(.6,-.28,.735,.045)}.delete:hover{font-weight:900;font-size:1.4rem;color:#8b0000;transition:all .25s cubic-bezier(.6,-.28,.735,.045)}.videoInfoContainerOuter{width:100%;height:100%}
/*# sourceMappingURL=main.a8f9e30a.chunk.css.map */