body{overflow-x:hidden}.main{height:100vh;overflow:hidden}.editorNavbar{width:100%;min-height:60px}.logo{max-width:125px;max-height:250px;margin-top:10px;margin-bottom:5px;display:flex;padding-left:20px;justify-self:start}.editorContainer{height:calc(100% - 60px);display:grid;grid-template-columns:60% 40%;grid-template-rows:1fr 30px;max-width:100vw;max-height:100vh;justify-items:stretch;grid-template-areas:"player media" "timeline controls";background-color:#233d4e;overflow-x:hidden}.preview .playerContainer{width:67vw!important}@-webkit-keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:#fff;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 #fff,.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 #fff,.5em 0 0 #fff}}@keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:#fff;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 #fff,.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 #fff,.5em 0 0 #fff}}.editorPlayer{display:flex;flex-direction:column;justify-content:center;grid-area:player;background-color:transparent;color:#fff;z-index:var(--player-z)}.editorMedia{grid-area:media;border:1px solid #423f3f;display:block;overflow:hidden;position:relative}.editorCropControls,.editorMedia{background-color:#233d4e;color:#fff}.editorCropControls{grid-area:controls;border:solid 1px var(--light-grey)}.editorTimeline{grid-area:timeline;width:100%;box-sizing:border-box;display:flex;align-items:center;border:solid 1px var(--light-grey);background-color:#233d4e;color:#fff;padding:5px}.editorTimeline__timeline{width:100%;flex-grow:1}.editorNotifs{z-index:var(--notifs-z)}@media only screen and (max-width:767px){.editorContainer{grid-template-rows:1fr 230px;max-width:100vw}.editorMedia{grid-area:media;border:solid 1px var(--light-grey);background-color:#233d4e;color:#fff;display:block;overflow:unset}}@media only screen and (min-width:768px){.editorTimeline{max-height:160px}.editorCropControls{max-height:170px}.editorMedia{grid-area:media;border:solid 1px var(--light-grey);background-color:#233d4e;color:#fff;display:block;overflow:unset}}@media only screen and (max-width:991px){.editorNavbar{position:fixed;top:0;z-index:var(--navbar-z)}.editorContainer{margin-top:60px;grid-template-columns:100vw;grid-template-areas:"player" "timeline" "controls" "media"}.editorPlayer{height:calc(56.25vw + 152px)}}@media only screen and (min-width:992px){.editorContainer{max-width:100vw}.editorTimeline{max-height:160px}.editorCropControls{max-height:170px}.editorMedia{grid-area:media;border:solid 1px var(--light-grey);background-color:#233d4e;color:#fff;display:block;overflow:hidden;position:relative}}@media only screen and (min-width:1200px){.editorContainer{max-width:100vw}.editorTimeline{max-height:150px;max-height:160px}.editorCropControls{max-height:170px}.editorMedia{grid-area:media;border:solid 1px var(--light-grey);background-color:#233d4e;color:#fff;display:block;overflow:hidden;position:relative}}@media only screen and (min-width:1920px){.editorContainer{max-width:100vw}.editorCropControls,.editorTimeline{max-height:300px}.editorMedia{grid-area:media;border:solid 1px var(--light-grey);background-color:#233d4e;color:#fff;display:block;overflow:hidden;position:relative}}@media only screen and (min-width:1921px){.editorCropControls,.editorTimeline{max-height:300px}.editorMedia{grid-area:media;border:solid 1px var(--light-grey);background-color:#233d4e;color:#fff;display:block;overflow:hidden;position:relative}}.video-information{text-align:left;margin:15px 0 0 15px}:root{--dark-grey:#3d3d3d;--grey:#5b5b5b;--light-grey:#878787;--modal-dropdown-z:3200;--modal-z:3150;--modal-backdrop-z:3100;--notifs-z:3000;--navbar-dropdown-z:2050;--navbar-z:2000;--video-thumb-overlay-z:50;--player-z:50;--player-controls-z:100;--edit-area-z:50;--timeline-popup-z:300;--timeline-cursor-z:120;--timeline-break-z:20;--timeline-left-handle-z:16;--timeline-right-handle-z:15;--timeline-slider-z:15;--timeline-faded-z:20;--timeline-label-z:10;--timeline-duration-z:30;--timeline-button-z:170}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-color:var(--light-grey);height:100vh}.el-loading-spinner .el-loading-text{white-space:pre-wrap}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.scrollable ::-webkit-scrollbar{width:15px}.scroll-invisible{-ms-overflow-style:none;scrollbar-width:none}.scrollable ::-webkit-scrollbar-track{background:transparent;border-radius:10px}.scrollable ::-webkit-scrollbar-thumb{background:var(--dark-grey);border-radius:10px}.scrollable ::-webkit-scrollbar-thumb:hover{background:#2d2d2d;border-radius:10px}.modal-select-dropdown{z-index:var(--modal-dropdown-z)!important}