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

.StoryboardLogoModal--dropzone{align-items:center;background-color:#f9f9f9;border:2px dashed #e4ebef;border-radius:4px;cursor:pointer;display:flex;height:180px;justify-content:center;width:100%}

.StoryboardApp{display:flex;height:100%;width:100%}
body{display:flex;flex-direction:column;height:100vh}#message-container{flex:0}#app-container{flex:1;position:relative}

/*# sourceMappingURL=storyboard.css.map*/