.fullscreen{position:relative!important;background-color:#fff}.book-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:5px 20px 35px;box-sizing:border-box;margin:auto}.book{position:relative;width:100%;max-width:600px;aspect-ratio:3/2;perspective:2000px;transition:transform .6s ease}.book,.page{margin:auto;transform-style:preserve-3d}.page{position:absolute;height:100%;transition:transform 1s ease;transform-origin:left;display:flex;align-items:center;backface-visibility:hidden}@media(min-width:768px){.page{backface-visibility:visible}}.page-back,.page-front{position:absolute;width:100%;backface-visibility:hidden;background-color:"transparent"}.page-front{font-family:arial,sans-serif;font-weight:700;color:#fff;box-sizing:border-box;text-transform:uppercase;font-size:20px;text-align:center;background:transparent;margin:auto;position:relative}.page-back{transform:rotateY(180deg)}.page.active{z-index:2;transform:rotateY(0deg)}.page.flipped{z-index:1;transform:rotateY(-180deg)}.page.flipping{pointer-events:none}.page-image{max-width:600px;height:100%;-o-object-fit:contain;object-fit:contain}.fold,.fold2{width:0;height:0;position:absolute;top:0;right:0;background:#72cbd1;display:block;border-color:transparent #fff;border-style:solid;border-width:0;transition:border-width .2s ease-out}.fold2{left:0}.page-back:hover,.page-front:hover{cursor:pointer}.page-front:hover .fold{border-width:0 30px 30px 0}.page-back:hover .fold2{border-width:0 0 30px 30px}.controls{margin-top:20px;margin-left:150px;padding-top:10px;align-items:normal}.controls button{padding:10px 20px;margin:0 10px;border:none;border-radius:5px;background-color:#333;color:#fff;cursor:pointer}.controls button:disabled{cursor:not-allowed}@media(max-width:768px){.page-front{width:100%;height:auto}.book-container{padding:10px 10px 50px}}@media(max-width:420px){.book-container{padding:10px 10px 75px}}@media(min-width:768px)and (max-width:992px){.media-back,.media-front{height:100%}}@media(min-width:992px)and (max-width:1200px){.page-image{max-width:415px}.full-screen .page-image.responsive-image{max-width:500px}}@media(min-width:768px)and (max-width:992px){.page-image{max-width:375px;max-height:330px}}@media(min-width:720px)and (max-width:768px){.page-image{max-width:340px;max-height:270px}}@media(min-width:1200px){.page-image{max-width:600px}.page-image:not(.responsive-image){min-width:600px;max-width:100%}:not(.full-screen) .page-image.responsive-image{max-width:500px;-o-object-fit:fill!important;object-fit:fill!important}.full-screen .page-image.responsive-image{min-width:500px;max-width:570px}}@media(min-width:1280px)and (max-height:600px){.page-image{max-width:500px;height:auto}}@media(min-width:1400px){.page-image{max-width:600px}.page-image:not(.responsive-image){min-width:670px;max-width:100%}:not(.full-screen) .page-image.responsive-image{max-width:500px;min-width:500px;-o-object-fit:fill!important;object-fit:fill!important}.full-screen .page-image.responsive-image{min-width:560px;max-width:570px}}@media(min-width:1500px){.page-image{max-width:700px}.page-image:not(.responsive-image){min-width:670px;max-width:100%}:not(.full-screen) .page-image.responsive-image{min-width:600px;max-width:100%}.full-screen .page-image.responsive-image{min-width:640px!important;max-width:100%}}@media(min-width:1600px){.page-image{max-width:750px}.page-image:not(.responsive-image){min-width:670px;max-width:100%}:not(.full-screen) .page-image.responsive-image{min-width:660px;max-width:100%;-o-object-fit:fill!important;object-fit:fill!important}.full-screen .page-image.responsive-image{min-width:640px!important;max-width:100%}}@media(min-width:1700px){.page-image:not(.responsive-image){min-width:800px;max-width:100%}:not(.full-screen) .page-image.responsive-image{min-width:510px;max-width:100%}.full-screen .page-image.responsive-image{min-width:610px}}@media(min-width:1900px){.page-image:not(.responsive-image){min-width:900px;max-width:100%}:not(.full-screen) .page-image.responsive-image{min-width:580px;max-width:100%}.full-screen .page-image.responsive-image{min-width:670px}}@media(min-width:2000px){.page-image:not(.responsive-image){min-width:1000px}:not(.full-screen) .page-image.responsive-image{min-width:750px;max-width:100%}.full-screen .page-image.responsive-image{min-width:800px!important}}@media(min-width:2100px){.page-image:not(.responsive-image){min-width:1200px}:not(.full-screen) .page-image.responsive-image{min-width:660px;max-width:100%}.full-screen .page-image.responsive-image{min-width:745px}}@media(min-width:2400px){.page-image:not(.responsive-image){min-width:1200px}:not(.full-screen) .page-image.responsive-image{min-width:750px;max-width:100%}.full-screen .page-image.responsive-image{min-width:840px}}.page.dragging{transition:none}.btn-fullscreen>button{padding:0}