.material-design-icon{display:inline-flex;align-self:center;position:relative;height:1em;width:1em}.material-design-icon>.material-design-icon__svg{height:1em;width:1em;fill:currentColor;position:absolute;bottom:-.125em}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;flex-flow:column nowrap;color:#ccc;overflow:hidden}#app,.action-bar{display:flex;align-items:center}.action-bar{width:100%;height:30px;padding:10px 0;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-bar .btn{font-size:30px;color:#999}.action-bar .btn svg{bottom:0}.action-bar .btn:not(:first-child){margin-left:10px}.has-mouse .action-bar .btn:hover{color:#ccc;filter:drop-shadow(1px 1px 5px #000);cursor:pointer}.action-bar .btn:active{filter:none!important}.action-bar .btn.disabled{color:#666;pointer-events:none}.action-bar .page-num{font-size:12px;margin-left:10px}.flipbook .viewport{width:90vw!important;height:calc(100vh - 90px)!important}.flipbook .bounding-box{box-shadow:0 0 20px #000}