.book-container{width:100%;height:auto;max-height:40rem;display:flex;position:relative;perspective:2000px}.pages-container{position:absolute;right:0;width:50%;height:100%}.page{width:100%;height:100%;position:absolute;right:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .1s;opacity:0;visibility:hidden}.page.visible{opacity:1;visibility:visible}.page-content{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;box-sizing:border-box;backface-visibility:hidden}.page-front{background:#fff;transform:rotateY(0)}.page-back{transform:rotateY(180deg)}.page.flipped{transform:rotateY(-180deg)}.book-cover{width:50%;height:100%;position:absolute;left:0}.turn-button{position:absolute;bottom:40px;right:40px;padding:15px 30px;background:#4a1010;color:#fff;border:none;cursor:pointer;z-index:1000;font-size:1.2vw;border-radius:5px;transition:background .3s;opacity:1}.turn-button.disabled{opacity:.5;cursor:not-allowed}.back-button{position:absolute;bottom:40px;left:40px;padding:15px 30px;background:#4a1010;color:#fff;border:none;cursor:pointer;z-index:1000;font-size:1.2vw;border-radius:5px;transition:background .3s;opacity:1}.back-button.disabled{opacity:.5;cursor:not-allowed}.turn-button:hover:not(.disabled),.back-button:hover:not(.disabled){background:#691717}.floating-image-container{position:relative}.floating-image-container .fw-floating-image div{position:absolute;overflow:hidden;border-radius:9999px;display:none}.floating-image-container .fw-floating-image div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.floating-image-container .fw-floating-image div:nth-child(1){top:0;width:8rem;height:8rem}.floating-image-container .fw-floating-image div:nth-child(2){width:6rem;height:6rem;top:-1.25rem;right:5rem}.floating-image-container .fw-floating-image div:nth-child(3){width:9rem;height:9rem}.floating-image-container .fw-floating-image div:nth-child(4){width:9rem;height:8.75rem;top:8rem}.floating-image-container .content{width:100%;margin:0 auto}@media (min-width: 768px){.floating-image-container .content{width:66.666667%}}@media (min-width: 1024px){.floating-image-container .fw-floating-image div:nth-child(1){display:block;left:1rem}.floating-image-container .fw-floating-image div:nth-child(2){display:block}.floating-image-container .fw-floating-image div:nth-child(3){display:block;bottom:1rem;left:7rem}.floating-image-container .fw-floating-image div:nth-child(4){display:block;right:.5rem}}@media (min-width: 1280px){.floating-image-container .fw-floating-image div:nth-child(1){left:0}.floating-image-container .fw-floating-image div:nth-child(3){width:11rem;height:11rem;bottom:2.5rem}.floating-image-container .fw-floating-image div:nth-child(4){right:-2rem}.floating-image-container .content{width:50%}}.balloon-container{position:relative}.balloon{position:absolute;z-index:-1;width:8rem;overflow:hidden;display:none}@media (min-width: 1024px){.balloon{display:block}.balloon:nth-child(1){top:0;left:1rem}.balloon:nth-child(3){top:.75rem;right:0;width:7rem}.balloon:nth-child(2){bottom:1.25rem;left:6rem}.balloon:nth-child(4){bottom:1.75rem;right:5rem}}@media (min-width: 1280px){.balloon:nth-child(1){left:0}}