.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}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1023}.modal{background:#444;box-shadow:2px 2px 20px 1px;overflow-x:auto;display:flex;flex-direction:column;margin:10px;padding:15px;max-width:min(800px,75%);max-height:80%}.modal-header{padding:15px 45px;font-size:20px;font-variant:small-caps;position:relative;border-bottom:2px solid #777;color:#ccc;justify-content:space-between;text-align:center}.modal-footer{padding:15px;border-top:2px solid #777;flex-direction:column;justify-content:flex-end;text-align:center;color:#aaa;font-size:15px;font-style:italic}.modal-body{position:relative;padding:20px 10px}#modal-close-button{position:absolute;top:10px;right:7px;border:none;cursor:pointer;background:transparent}.modal-header .btn{font-size:30px;color:#999}.modal-header .btn svg{bottom:0}.modal-header .btn:not(:first-child){margin-left:10px}.modal-header .btn:hover{color:#ccc;filter:drop-shadow(1px 1px 5px #000);cursor:pointer}.modal-header .btn:active{filter:none!important}.modal-header .btn.disabled{color:#666;pointer-events:none}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .2s ease}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}.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}.info{right:0}