.flipbook-viewport{display:flex;justify-content:center;width:100%;padding:0 15px}
.flipbook-viewport .page{background-color:#f4f4f4}
.flipbook-viewport .page.loading:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid #ddd;border-top-color:#999;border-radius:50%;-webkit-animation:flipbook-spin .8s linear infinite;animation:flipbook-spin .8s linear infinite}
@-webkit-keyframes flipbook-spin{to{-webkit-transform:rotate(360deg)}}
@keyframes flipbook-spin{to{transform:rotate(360deg)}}
.flipbook .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);-moz-box-shadow:0 0 20px rgba(0,0,0,.2);-ms-box-shadow:0 0 20px rgba(0,0,0,.2);-o-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.flipbook-viewport .page img{display:block;width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}
.flipbook-viewport .shadow{-webkit-transition:-webkit-box-shadow .5s;-moz-transition:-moz-box-shadow .5s;-o-transition:-webkit-box-shadow .5s;-ms-transition:-ms-box-shadow .5s;-webkit-box-shadow:0 0 20px #ccc;-moz-box-shadow:0 0 20px #ccc;-o-box-shadow:0 0 20px #ccc;-ms-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc}