body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{margin:0;padding:0;font-family:"Roboto",sans-serif;background:#212121;color:#fff;-webkit-font-smoothing:antialiased}.small,body{font-size:14px}::-webkit-scrollbar{background:rgba(0,0,0,.25);width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);height:100px;border-radius:10px}p{margin:0 0 10px;padding:0}section{float:left;width:100%}.app{height:100vh}.app,.page{width:100vw}.page{position:absolute;top:0;left:0}a,a:visited{text-decoration:none;color:#fff}h2{padding:0 0 10px;margin:0;font-size:20px;font-weight:400}.hide{display:none}#errorPopup,#loading{width:100vw;height:100vh;z-index:10;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .3s ease}#loading img{width:150px;left:50px;position:relative;height:auto}#loading.on{opacity:1;height:100vh}#errorPopup{font-size:42px;flex-direction:column}.errorRow span{line-height:300%;padding:20px;cursor:pointer}nav{width:96%;padding:0 2%;display:flex;justify-content:flex-start;align-items:center;height:65px;position:absolute;top:0;z-index:3}nav a{padding:0 30px 0 0}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .35s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .35s}.fadeLong-enter{opacity:0}.fadeLong-enter-active{opacity:1;transition:opacity 1s}.fadeLong-exit{opacity:1}.fadeLong-exit-active{opacity:0;transition:opacity 1s}.component{opacity:0;height:0;overflow:hidden;transition:opacity .3s ease;position:absolute}.component.on{opacity:1;width:96%;height:calc(100% - 65px);top:65px;padding:0 2%}#sortBtns{position:absolute;top:30px;left:30px;z-index:3}.sortBtn{float:left;margin:0 30px 30px 0;cursor:pointer}.mainPage{padding:30px}.block{border:1px solid hsla(0,0%,100%,.2);padding:20px 40px;width:200px;height:150px;display:flex;margin:30px}.listItem{float:left;width:calc(100% - 60px)}#projectColumn{float:left;width:38%}.project{padding:20px;border:1px solid rgba(255,255,255.05);cursor:pointer;float:left;width:calc(100% - 40px);margin:0 0 20px;background:#262928;position:relative;z-index:2}.projectLink{float:right}.projectBox .stages{float:left;opacity:1;height:0;overflow:hidden;padding:0 20px;-webkit-transform:translateY(-100px);transform:translateY(-100px);z-index:1;width:calc(100% - 40px);border:1px solid rgba(255,255,255.05);transition:all .3s ease}.projectBox.on .stages{height:auto;opacity:1;padding:0 20px 20px;-webkit-transform:translateY(-22px);transform:translateY(-22px)}.subheading p{float:left;margin:0 20px 0 0}.stage{float:Left;width:100%;padding:10px 0 0;margin:0;font-size:13px}.stage svg{float:left;padding:10px 0 0}.stage rect.fill{fill:hsla(0,0%,100%,.25);stroke:none}.stage rect.outline{fill:none;stroke-width:2;stroke:#fff}#timeColumn{width:38%;position:fixed;right:20px;top:65px}#timeColumn,#timeColumn svg{overflow-y:scroll}.backBtn{padding:0 0 30px;float:left;width:100%}.fieldSet{width:14%;min-height:500px;padding-right:6%;float:left}.fieldRow{margin:0 0 15px;float:left;width:100%;text-align:left;height:auto;z-index:1}.fieldRow.off{z-index:-1;height:0;overflow:hidden}.full{float:left;width:100%}.label{float:left;width:100px}.textBox{max-width:50%;clear:left;margin:10px 0 0}.fieldRow input{font-family:"Roboto",sans-serif;width:calc(100% - 20px);background:hsla(0,0%,100%,.75);padding:10px;border:1px solid #fff}.fieldRow input[type=number]{width:40px;background:none;color:#fff}.fieldRow input::-webkit-input-placeholder{color:#444}.fieldRow input::placeholder{color:#444}.heading{float:left;width:100%;margin:5px 0 20px}.heading .fieldRow input{font-size:24px;background:none;border:none;color:#fff;width:100%;padding:5px 0}.fieldRow input#sectionTitle{font-size:14px;background:none;border:none;color:#fff;width:calc(100% - 10px);padding:5px;height:calc(100% - 10px);border:1px solid hsla(0,0%,100%,.2)}.fieldRow input#sectionTitle::-webkit-input-placeholder{color:#aaa}.fieldRow input#sectionTitle::placeholder{color:#aaa}.fieldRow input[type=checkbox],.heading .fieldRow input[type=checkbox]{width:auto}.heading .fieldRow input::-webkit-input-placeholder{color:#fff}.heading .fieldRow input::placeholder{color:#fff}.heading .fieldRow input:focus::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.heading .fieldRow input:focus::placeholder{color:hsla(0,0%,100%,.5)}.switch{position:relative;display:inline-block;z-index:1;vertical-align:top;height:22px;width:50px;border-radius:11px;background:#06ac47;color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .3s ease}.switchLabel{position:relative;left:5px;top:4px;font-size:13px}.switch.off{background:#d93025}.switch.off .switchLabel{position:relative;left:26px}.dot{background:#fff;position:absolute;width:24px;height:24px;border-radius:50%;left:-1px;top:-1px;-webkit-transform:translateX(27px);transform:translateX(27px);transition:box-shadow .4s,-webkit-transform .4s;transition:transform .4s,box-shadow .4s;transition:transform .4s,box-shadow .4s,-webkit-transform .4s;box-shadow:-4px -4px 8px transparent,4px 4px 8px transparent;box-shadow:-4px -4px 8px var(--light-shadow-2,transparent),4px 4px 8px var(--shadow,transparent)}.switch.off .dot{-webkit-transform:translateX(0);transform:translateX(0)}.addBtn{color:#fff;z-index:3;background:none;border:1px solid #fff;border-radius:4px;display:flex;height:30px;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:13px}.fieldRow input#fileUpload,input#popUpload{opacity:0;height:0;padding:0;margin:0;float:left;overflow:hidden}ul.dropDown,ul.dropDown li,ul.dropDown li ul{list-style:none;margin:0;padding:0}ul.dropDown li.animSelect,ul.dropDown li.mediaSelect{margin-bottom:5px;cursor:pointer}ul.mediaDropDown{opacity:1;height:auto;border:1px solid #fff;transition:border .2s ease}ul.mediaDropDown li{padding:0 10px 5px}ul.mediaDropDown.off{opacity:0;height:0;overflow:hidden;border:1px solid transparent;transition:opacity hidden .3s}.dropDownBtn{cursor:pointer;float:left;width:calc(100% - 22px);margin:0 0 20px;border:1px solid hsla(0,0%,100%,.2);padding:10px}.dropDown.inputDropDown.off{width:calc(85% - 1px);padding:0;border:none;margin:0}.dropDown.inputDropDown{padding:0;margin:0 0 20px;position:relative;width:calc(98% - 2px);z-index:1;float:left;background:#555;border-radius:5px}.dropDown.inputDropDown li.animSelect{padding:0;margin:0}.dropDown.inputDropDown li.animSelect span{width:calc(100% - 20px);float:left;padding:10px;border-bottom:1px solid #999}.dropDown.inputDropDown li.animSelect span:hover{background:hsla(0,0%,100%,.2)}.dropDown.inputDropDown li.animSelect:last-child span{border:none}.addMedia{cursor:pointer;float:left;width:100%;margin-top:10px}:focus{outline:none}.btn{padding:15px 20px;background:#06ac47;color:#fff;border:none;box-shadow:0 1px 3px rgba(0,0,0,.3);font-weight:700;font-family:"Roboto",sans-serif;cursor:pointer;-webkit-font-smoothing:antialiased;border-radius:4px;transition:background .3s ease}.saveRow .btn{box-shadow:0 1px 3px rgba(0,0,0,.15)}.btn1{padding:10px 15px;width:calc(100% - 30px);color:#fff;border:1px solid #fff;font-weight:500;font-family:"Roboto",sans-serif;cursor:pointer;margin:10px 0;-webkit-font-smoothing:antialiased;border-radius:3px;transition:background .3s ease;font-size:13px}.btn1:hover{background:#55a3fa;border:1px solid #55a3fa}.btn.unsaved{background:#55a3fa;box-shadow:0 4px 8px rgba(0,0,0,.4)}.choiceBtn{font-size:14px;padding:10px 15px;background:none;color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5);font-family:"Roboto",sans-serif;cursor:pointer;-webkit-font-smoothing:antialiased;float:left;margin:0 10px 0 0}.choiceBtn.on{border:1px solid #fff;color:#fff}#canvasRow{margin:0;position:fixed;bottom:2%;left:2%;width:96%}#canvasDetails{position:fixed;top:20px;left:21%;z-index:4}.displayName{float:right;margin:0 10px 0 0;cursor:pointer;opacity:.6;transition:opacity .3s ease}.displayName.on,.displayName:hover{opacity:1}#canvasPreview{border:1px solid #fff;display:block;float:left;width:100%;height:200px;margin-left:1px}.canvasSwiper{height:120px;overflow-y:visible}.canvasFormWrap{width:calc(80% - 2px);display:flex;justify-content:flex-start;align-items:center}.canvasForm{float:left;width:calc(62% - 2px);height:500px;margin:0;border:1px solid #fff;display:block;position:relative;z-index:1;transition:all .3s ease}.clipPath{width:100%;height:100%;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.showFull .clipPath{-webkit-clip-path:inset(-100% -100%);clip-path:inset(-100% -100%)}.canvasForm.showFull{border:1px solid hsla(0,0%,100%,0);overflow:visible}.canvasForm.aspectRatio_0{width:100%}.canvasForm.aspectRatio_1{width:890px}.canvasForm.aspectRatio_2{width:800px}.canvasForm.aspectRatio_3{width:666.5px}.draggable{display:flex;cursor:grab;z-index:2;overflow:hidden;justify-content:center;align-items:center}.draggable,.flip-card{width:100%;height:100%}.flip-card{-webkit-perspective:1000px;perspective:1000px}.draggableImage img{transition:all .3s ease}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.showSettings.flip-card .flip-card-inner,.showSettings .flip-card .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:10;position:relative}.showSettings .flip-card-front{z-index:-1}.showSettings .flip-card-back{z-index:10}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{color:#000}.flip-card-back{background-color:#646464;color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);text-align:left;padding:20px;width:calc(100% - 40px);max-height:calc(100% - 40px)}.sectionRows{float:left;width:100%;margin:10px 0 0}#downArrow{float:right}.saveRow{margin:30px 0}.flip-card-corner{position:absolute;width:0;height:0;left:0;top:calc(100% - 30px);border-bottom:30px solid rgba(0,0,0,.2);border-right:30px solid transparent;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-corner.close-corner{left:0;border-left:none;border-right:30px solid transparent}.react-draggable{display:flex;transition:border .3s ease,box-shadow .3s ease,opacity .3s ease}.react-draggable-dragging,.react-draggable.react-draggable-dragging:hover{box-shadow:0 4px 8px rgba(0,0,0,.4)}.react-draggable.react-draggable-dragging{z-index:10;opacity:.9}.react-draggable.setOnTop,.react-draggable.showSettings{z-index:10;opacity:1}.imgDefault{width:100%;height:auto}.draggableSettings p{font-size:12px;width:100%;float:left;margin:0 0 10px;padding:0}.canvasLabel{font-size:12px;width:80px;float:left;width:100%;line-height:24px;opacity:.75}.draggableSettings input{max-width:60px}#addSection{height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;margin:5px 0 0;float:right;cursor:pointer}.sectionTitle{margin-bottom:-35px;position:relative;float:left;padding:5px;font-size:13px}.backgroundThumb{width:100%;height:auto;float:left;position:relative;z-index:1}.deleteBtn{cursor:pointer;font-size:13px;margin:40px 0 0;float:right}.deleteBtn.btn{background:#d93025;padding:10px;font-weight:400}.listPage{font-size:14px}.row{float:left;width:100%;margin:0 0 10px;padding:5px 0}.addNarrative{cursor:pointer;margin:0 0 20px}.narrative.row p{margin:0;padding:0}#manifestColumn{float:right;position:fixed;top:40px;right:0;padding:0 5px;z-index:10;height:calc(100vh - 400px);width:230px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:5}#manifestColumn.slide{-webkit-transform:translateX(240px);transform:translateX(240px)}#manifestColumn h4{margin:0;padding:0;overflow-wrap:break-word}.stateSettingsRow{margin:0 0 20px;padding-top:10px;float:left;width:100%;border-top:.5px solid hsla(0,0%,100%,.1)}.bottomRule{border-bottom:.5px solid hsla(0,0%,100%,.1);padding-bottom:20px}#state_row_0.stateSettingsRow{border:none}.stateSettingsRow input[type=file]{padding-top:10px}.stateSettingsRow .settingsRow{margin-top:10px}.fileNameGroup{margin:10px 0}.fileName,.fileNameGroup{float:left;width:100%;overflow-wrap:break-word}.fileName{line-height:100%;padding:0;margin:0;font-size:12px}.settingsList{float:left;width:100%;opacity:1;height:620px;overflow:hidden;overflow-y:scroll}#manifestColumn p{cursor:pointer;float:left;width:100%;margin:0}.settingsRow{float:left;width:100%;margin:0 0 10px}.settingsRow.disabled{opacity:.2;cursor:default}.settingsRow.disabled input{cursor:default}.settingsRow.halfRow{width:50%}.settingsRow.thirdRow{width:30%;margin:0 3% 0 0}.settingsRow.thirdRow input{width:80%;margin:0 5% 0 0}.settingsRow input{width:calc(98% - 8px);margin:0;position:relative;z-index:2;--webkit-appearance:none;border:1px solid transparent;border-radius:3px;padding:2px 4px;background:#555;color:#ddd}.settingsRow input::-webkit-input-placeholder{color:#ddd}.settingsRow input::placeholder{color:#ddd}.settingsRow input#fileReplace{border:none;background:none}.settingsRow input.on{border:1px solid #037fd4}.settingsRow.halfRow input{width:80%;margin:0 5% 0 0}.settingsRow.halfRow.rightRow .canvasLabel,.settingsRow.halfRow.rightRow .switch,.settingsRow.halfRow.rightRow input{margin:0 0 0 5%}#manifestColumn .react-draggable-dragging,#manifestColumn .react-draggable.react-draggable-dragging:hover{box-shadow:none}.mediaSettings,.mediaSettings.off{opacity:0;height:0;overflow:hidden;float:left;padding:0;width:100%}.mediaSettings.off div{display:none}.mediaFile{margin:10px 20% 10px 0;cursor:pointer;opacity:.5;transition:opacity .3s ease;display:inline-block;width:80%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-hyphenate-character:""}.mediaFile:hover{opacity:1}.settingsOn .mediaFile{opacity:0;z-index:-1;height:0;overflow:hidden}.settingsOn .react-draggable{-webkit-transform:translateY(30px)!important;transform:translateY(30px)!important}.settingsOn .showSettings{min-width:250px}.settingsOn .mediaSettings.showSettings.on{opacity:1;height:100vh;z-index:10;position:fixed;top:0;right:0;padding:30px 0 5px;overflow:visible;background:#2a2a2b;float:left;width:100%;display:block;max-width:250px;box-shadow:0 1px 3px rgba(0,0,0,.45)}.mediaThumb{transition:all .2s ease-in-out}.inFocus .mediaThumb{opacity:.7}.inFocus .focus.mediaThumb{opacity:1;outline:1px solid #ec008c;box-shadow:0 1px 6px rgba(0,0,0,.3)}.mediaThumb.bounce{z-index:10;opacity:1;-webkit-transform:scale(1.02);transform:scale(1.02);box-shadow:0 1px 6px rgba(0,0,0,.1)}.closeFormBtn{float:left;margin-top:40px;cursor:pointer}.closeFormBtn.btn{padding:10px;font-weight:400}.sectionHeading .sectionLabel{width:100px;float:left;font-size:13px;padding:4px 0 0}.sectionHeading input[type=number],.sectionHeading input[type=text]{float:left;width:50px;font-size:13px;margin:0;background:none;border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:5px}.sectionHeading input[type=number]::-webkit-input-placeholder,.sectionHeading input[type=text]::-webkit-input-placeholder{color:#fff}.sectionHeading input[type=number]::placeholder,.sectionHeading input[type=text]::placeholder{color:#fff}.settingsHeading{padding:5px 0 0;margin:25px 0 0;float:left;width:90%;font-size:13px;color:hsla(0,0%,100%,.3);border-top:1px solid hsla(0,0%,100%,.2)}.deleteSection{float:left;margin:30px 10px 0 0;width:auto;clear:left;cursor:pointer}.deleteSection.btn{background:#d93025;padding:10px;font-weight:400}.leftArrow{width:auto;position:fixed;top:20px;left:15px;height:14px;z-index:3;cursor:pointer}.leftArrow img{width:auto;height:14px;margin:0 5px -2px 0}.formPage{opacity:0;transition:opacity .3s ease}.formPage.ready{opacity:1}.details{margin:35px 0 0;padding-top:10px;opacity:.3;font-size:12px;border-top:1px solid hsla(0,0%,100%,.5)}.details,.details a{float:left;width:100%}.details a{margin:0 0 10px}.existingFile{margin:20px 0;font-size:13px}#menuBtn,.existingFile,.existingFileRow{cursor:pointer}#menuBtn{position:fixed;right:8px;top:8px;-webkit-transform:scaleX(-1);transform:scaleX(-1);width:24px;height:auto;z-index:3}#menuBtn svg{width:100%;height:auto}.deleteX{float:right;width:10px;height:auto}.deleteX img{width:100%;height:auto}.deleteSectionX{position:absolute;margin-bottom:-20px;top:20px;z-index:4}.deleteSectionX img{width:12px;height:auto;padding:3px;background:hsla(0,0%,100%,.25)}.canvasFrame div{width:100%;text-align:right}.fullRow{flex-direction:column}.swiper-container{border-left:1px solid hsla(0,0%,100%,.1);border-right:1px solid hsla(0,0%,100%,.1)}.canvasFrame{display:block;float:left;width:300px;height:120px;min-height:auto;margin-left:0;cursor:pointer;transition:background .3s ease}.canvasFrame.on .canvasThumbBorder{background:hsla(0,0%,100%,.2)}.canvasFrame div.cueLine{height:100px;top:0;left:0;width:calc(100% - 1px);text-align:left;border-left:1px solid #f3c867;position:absolute;z-index:3}.canvasThumbBorder{float:left;position:relative;top:0;margin-top:20px;height:80px;border-right:1px solid hsla(0,0%,100%,.5)}.canvasThumbBorder img{width:100%;height:auto}.canvasFrame div.cueLineTitle{font-size:13px;padding:0 0 5px 5px;color:#f3c867;width:100%;text-align:left}.lockIcon{margin:20px 0 0;cursor:pointer}.lockIcon img{width:16px;height:auto}.sectionHeading{margin:0 0 20px;height:155px}#menuBtn.closeBtn{z-index:11}#menuBtn.closeBtn img{width:15px;height:auto}.swiper-slide{opacity:.8}.swiper-slide.on{opacity:1}.settingsGroup{border-bottom:1px solid hsla(0,0%,100%,.2);display:inline-block;padding:0 20px 10px;margin:0 0 10px;width:calc(100% - 40px)}.settingsGroup.stateGroup{padding-bottom:20px}.settingsGroup.off,.settingsRow.off{display:none}#saveRow{position:fixed;bottom:20px;right:20px;width:210px}.groupLabel{width:100%;display:inline-block;margin:0 0 10px}#manifestColumn .groupLabel p{color:hsla(0,0%,100%,.3);text-transform:uppercase;font-size:11px;letter-spacing:1px;margin:0;padding:0;cursor:auto}#animDropdown ul.on{padding-bottom:10px;margin-bottom:20px}#animDropdown .dropDownBtn,ul.dropDown li.animSelect{font-size:12px;text-transform:capitalize}.mediaSettingsInner{float:left;width:100%;height:calc(100vh - 110px);overflow-x:hidden;overflow-y:scroll}.animBtn{float:left;margin:0 6px 10px 0;padding:5.25px;border-radius:3px;border:1px solid hsla(0,0%,100%,.3);font-size:12px;cursor:pointer;transition:all .3s ease}.animBtn.on,.animBtn:hover,.dropDownValue{background:rgba(0,0,0,.1);color:#55a3fa}.clearValue{float:right;width:10px;position:relative;top:-4px;font-size:18px;cursor:pointer}.animLabel{font-size:12px;text-transform:capitalize;margin:0 0 10px;width:100%;display:inline-block}.animRow.off{opacity:0;height:0;overflow:hidden}.animObj{display:inline-block;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid hsla(0,0%,100%,.1)}.newAnimObj{opacity:0;height:0;overflow:hidden;transition:opacity .3s ease}.newAnimObj.on{height:auto;opacity:1}.newAnimBtn{width:calc(100% - 16px);text-transform:capitalize}.clearValue:hover{color:#d93025}.icon{width:16px;height:auto;padding:0 0 0 10px}.preview{transition:all .3s ease}.preview:hover{opacity:.8}.hover{cursor:pointer;float:left;width:100%}#fileReplace{padding:10px 0 0}
/*# sourceMappingURL=main.cf316354.chunk.css.map */