.flipbook-container{min-height:100vh;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.flipbook,.flipbook-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flipbook{width:90vw;max-width:800px;height:80vh;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flipbook>*{margin:0 auto}.action-bar{width:100%;height:50px;padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}.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;-webkit-filter:drop-shadow(1px 1px 5px #000);filter:drop-shadow(1px 1px 5px #000);cursor:pointer}.action-bar .btn:active{-webkit-filter:none!important;filter:none!important}.action-bar .btn.disabled{color:#666;pointer-events:none}.action-bar .page-num{font-size:12px;margin-left:10px}.bounding-box{border:1px solid #bbb}@media (max-width:768px){.flipbook{width:95vw;height:80vh}.flipbook-container{padding:10px}}@media (max-width:480px){.flipbook{width:100vw;height:75vh}.action-bar{height:60px;padding:15px 0}.action-bar .page-num{font-size:10px}}