.StoryboardReportRenderer{width:100%;height:100%;overflow:auto}.StoryboardScrollHint{pointer-events:none;position:absolute;left:0;right:0}.StoryboardError{text-align:left;width:650px;margin:0 auto;font-size:20px;line-height:1.5em;display:block}.StoryboardError h1{margin:100px 0 20px;font-size:50px;line-height:1.1em}.StoryboardError a{color:#dc8100;text-decoration:none}.StoryboardError a:hover{color:#3aa9df;text-decoration:none}.StoryboardChapter{width:100%;height:100%;position:relative;overflow:hidden}.StoryboardChapterIcon{width:60%;height:60%;margin:auto;padding-top:8%;position:relative}.StoryboardChapterIcon .svg-symbol{width:100%;height:100%;position:absolute;left:0}.StoryboardChapterLabel{padding-top:8%}.StoryboardChapterMenu{position:absolute;top:0;right:0}.StoryboardNavButton{white-space:break-spaces;word-break:break-word;flex:1 1 0;height:100%;position:relative}.StoryboardNavButton>a{outline:none;text-decoration:none}.StoryboardNavButton.editable:hover{background-color:rgba(255,255,255,.25);border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.2)}.StoryboardAddChapterButton{box-sizing:border-box;white-space:break-spaces;word-break:break-word;border:2px dashed rgba(255,255,255,.5);border-radius:5px;min-width:96px;height:100%;position:relative}.StoryboardAddChapterButton .svg-symbol{min-width:57px}.StoryboardAddChapterButton a{text-decoration:none}.StoryboardAddChapterButton:hover{background-color:rgba(255,255,255,.25);box-shadow:0 4px 4px rgba(0,0,0,.2)}.StoryboardNav--horizontal{text-align:center;white-space:nowrap;flex-direction:row;justify-content:center;width:100%;min-height:17%;margin:0 auto;display:flex}.StoryboardNav--vertical{text-align:center;white-space:nowrap;flex-direction:column;min-width:8%;height:100%;margin:0 auto;display:flex;overflow-x:hidden;overflow-y:scroll}.StoryboardNav--vertical .StoryboardNavButton,.StoryboardNav--vertical .StoryboardAddChapterButton{flex:0;height:auto;min-height:120px}.StoryboardNav--vertical .DropdownMenu-menu--down-right,.StoryboardNav--vertical .DropdownMenu-menu--down-left{position:fixed;top:auto;left:auto;right:auto}.StoryboardNav--vertical .DropdownMenu-menu--down-left{transform:translate(-91%)}.StoryboardContent{width:100%;height:100%;display:flex}.IntroCard,[class^=IntroCard--],[class*=\ IntroCard--]{background-color:#fff;border:1px solid #fff;border-radius:5px;width:368px;max-width:100%;margin:23px auto;padding-bottom:16px;box-shadow:0 2px 2px rgba(17,25,31,.24),0 0 2px rgba(17,25,31,.12)}.IntroCard>div,[class^=IntroCard--]>div,[class*=\ IntroCard--]>div{width:calc(100% - 20px);height:260px;margin:10px 26px 10px 10px}.IntroCard>form,[class^=IntroCard--]>form,[class*=\ IntroCard--]>form{margin:0}.IntroCard>form button,[class^=IntroCard--]>form button,[class*=\ IntroCard--]>form button{margin-left:10px}.IntroCard h3,[class^=IntroCard--] h3,[class*=\ IntroCard--] h3{margin:28px 0 0 10px;font-size:19px}.IntroCard p,[class^=IntroCard--] p,[class*=\ IntroCard--] p{margin:9px 10px 21px}.IntroCard{text-align:center}.IntroCard--horizontal{width:50%;min-width:368px;max-width:600px;min-height:200px;padding:0}.IntroCard--horizontal>div{float:left;background:50%/cover no-repeat;width:50%;height:180px;overflow:hidden}@media (max-width:480px){.IntroCard--horizontal{text-align:center;min-width:calc(100% - 30px)}.IntroCard--horizontal>div{float:none;width:calc(100% - 20px)}.IntroCard--horizontal h3,.IntroCard--horizontal a{margin:10px}}.StoryboardIntroCard{pointer-events:none;position:absolute;left:10px;right:10px}.StoryboardBranding,.StoryboardLogo{width:100%}.StoryboardLogo--addButton{cursor:pointer;background-color:#f9f9f9;border:1px solid #bac6cc;border-radius:4px;align-items:center;width:80px;padding-left:10px;padding-right:12px;display:flex}.StoryboardLogo--addButtonLabel{white-space:nowrap;margin-left:2%}.StoryboardLogo--container{cursor:pointer;align-items:center;width:100%;height:100%;display:flex}.StoryboardLogoBar{justify-content:space-between;align-items:center;height:4%;padding-left:2%;padding-right:2%;display:flex}@media (min-width:640px){.StoryboardLogoBar{height:5%}}@media (min-width:800px){.StoryboardLogoBar{height:6%}}@media (min-width:880px){.StoryboardLogoBar{height:7%}}.StoryboardLogoModal--dropzone{cursor:pointer;background-color:#f9f9f9;border:2px dashed #e4ebef;border-radius:4px;justify-content:center;align-items:center;width:100%;height:180px;display:flex}.StoryboardApp{width:100%;height:100%;display:flex}body{flex-direction:column;height:100vh;display:flex}#message-container{flex:0}#app-container{flex:1;position:relative}
/*# sourceMappingURL=storyboard.css.map*/