body{background-image:url(../img/bg.webp);background-position:50%;background-size:cover;margin:0;padding:0}#app{height:100vh;position:relative;width:100vw;z-index:2}.download{background-size:100% 100%;height:32px;right:24px;top:9px;width:220px}.download,.download a{position:absolute;z-index:2}.download a{height:100%;left:0;top:0;width:100%}.flipbook{height:90vh;margin-left:auto;margin-right:auto;width:90vw}.action-bar-bg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:hsla(0,0%,100%,.1);height:51px;left:0;position:absolute;top:0;width:100%}.action-bar{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;margin-bottom:16px;padding:10px 0;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.action-bar .btn{color:#fff;font-size:30px}.action-bar .btn svg{bottom:0}.action-bar .btn:not(:first-child){margin-left:10px}.action-bar .disabled{color:hsla(0,0%,100%,.48);pointer-events:none}.action-bar .page-num{color:#fff;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;margin-left:10px}.has-mouse .action-bar .btn:hover{color:#ccc;cursor:pointer;-webkit-filter:drop-shadow(1px 1px 5px #000);filter:drop-shadow(1px 1px 5px #000)}@media only screen and (max-width:576px){.download{right:24px;top:calc(100vh - 56px)}}@media only screen and (min-width:577px) and (max-width:769px){.action-bar{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}