.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}html,body{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#333;color:#ccc;overflow:hidden}a{color:inherit}.action-bar{width:100%;height:30px;padding:10px 0;display:flex;justify-content:center;align-items:center}.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}