.flipbook-wrapper{display:flex;justify-content:center;position:relative;align-items:center;width:100%}.flipbook-wrapper.zoomed{position:fixed;top:0;left:0;height:100%;z-index:1000000;background:rgb(255 255 255 / .5);display:block;overflow:auto}.flipbook-wrapper.zoomed .flipbook{width:auto!important;max-width:none;zoom:2}.flipbook-prev{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#fff;border-radius:100%;color:#3498db;width:40px;height:40px;display:none;justify-content:center;align-items:center;font-weight:700;font-size:20px;cursor:pointer;filter:drop-shadow(2px 2px 20px #000);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10000000000}.flipbook-wrapper.zoomed .flipbook-prev{position:fixed}.flipbook-next{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#fff;border-radius:100%;color:#3498db;width:40px;height:40px;display:none;justify-content:center;align-items:center;font-weight:700;font-size:20px;cursor:pointer;filter:drop-shadow(2px 2px 20px #000);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10000000000}.flipbook-zoom{position:absolute;right:1rem;top:1rem;background:#fff;border-radius:100%;color:#3498db;width:40px;height:40px;display:none;justify-content:center;align-items:center;font-weight:700;font-size:20px;cursor:pointer;filter:drop-shadow(2px 2px 20px #000);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10000000000}.flipbook-wrapper.zoomed .flipbook-next{position:fixed}.flipbook-wrapper.zoomed .flipbook-zoom{position:fixed}.flipbook-wrapper.active .flipbook-prev{display:flex}.flipbook-wrapper.active .flipbook-next{display:flex}.flipbook-wrapper.active .flipbook-zoom{display:flex}.flipbook{width:100%!important;max-width:1280px;display:none;flex-wrap:nowrap}.flipbook.active{display:flex}.flipbook img{max-width:none}.flipbook>img{display:none}.flipbook-loader:not(.active){display:none}.flipbook-loader.active{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}