.book-flip{position:relative;padding:4rem 0;overflow:hidden;min-height:700px}.book-flip__container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem}.book-flip__frames{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.book-flip__frame{position:absolute;width:180px;height:auto;border:4px solid #204ecf;border-radius:8px;overflow:hidden;background:#204ecf;box-shadow:0 4px 20px #204ecf4d}.book-flip__frame img{width:100%;height:100%;object-fit:cover;display:block}.book-flip__frame-placeholder{width:100%;padding-bottom:100%;background:#204ecf}.book-flip__frame--left{left:5%}.book-flip__frame--1{top:10%;transform:rotate(-5deg)}.book-flip__frame--2{top:35%;left:2%;transform:rotate(3deg)}.book-flip__frame--3{top:60%;transform:rotate(-8deg)}.book-flip__frame--right{right:5%;left:auto}.book-flip__frame--4{top:10%;transform:rotate(5deg)}.book-flip__frame--5{top:35%;right:2%;transform:rotate(-3deg)}.book-flip__frame--6{top:60%;transform:rotate(8deg)}.book-flip__book{position:relative;width:100%;max-width:600px;aspect-ratio:4 / 3;perspective:2000px;margin:0 auto}.book-flip__page{position:absolute;top:0;width:50%;height:100%;background:#fff;border:3px solid #000;overflow:hidden;cursor:pointer;transition:box-shadow .3s ease}.book-flip__page:hover{box-shadow:0 0 20px #0003}.book-flip__page--left{left:0;border-right:1.5px solid #000;border-radius:4px 0 0 4px}.book-flip__page--right{right:0;border-left:1.5px solid #000;border-radius:0 4px 4px 0}.book-flip__page-content{width:100%;height:100%;position:relative;overflow:hidden}.book-flip__page-content img{position:absolute;top:0;height:100%;width:200%;max-width:none;object-fit:cover}.book-flip__page-content--left img{left:0}.book-flip__page-content--right img{right:0;left:auto}.book-flip__spine{display:none}.book-flip__flipping-page{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;transform-origin:left center;transition:transform .6s ease-in-out;z-index:100;pointer-events:none;opacity:0}.book-flip__flipping-page--active{opacity:1}.book-flip__flipping-page--forward{left:50%;transform-origin:left center;transform:rotateY(-180deg)}.book-flip__flipping-page--backward{left:0;transform-origin:right center;transform:rotateY(0)}.book-flip__flipping-page--backward.book-flip__flipping-page--active{transform:rotateY(180deg)}.book-flip__flipping-front,.book-flip__flipping-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;background:#fff;border:3px solid #000;overflow:hidden}.book-flip__flipping-front{z-index:2}.book-flip__flipping-back{transform:rotateY(180deg);z-index:1}.book-flip__flipping-front .book-flip__page-content,.book-flip__flipping-back .book-flip__page-content{width:100%;height:100%}.book-flip__content{text-align:center;margin-top:1.5rem}.book-flip__subtitle{font-family:Caveat,cursive;font-size:1.75rem;margin:0 0 .5rem;font-weight:400;color:#204ecf}.book-flip__title{font-family:Phudu,sans-serif;font-size:2.5rem;font-weight:800;margin:0 0 1.5rem;text-transform:uppercase;line-height:1.1}.book-flip__button{display:inline-block;font-family:Phudu,sans-serif;font-size:1rem;font-weight:600;color:#333;text-decoration:none;padding:.5rem 0;border-bottom:2px solid #333;transition:all .3s ease;letter-spacing:.05em}.book-flip__button:hover{color:#204ecf;border-color:#204ecf}.book-flip__stars{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.book-flip__star{position:absolute;color:#5a8dd8;animation:bookStarTwinkle 3s ease-in-out infinite}.book-flip__star--1{top:15%;left:25%;font-size:1.5rem;animation-delay:0s}.book-flip__star--2{top:8%;left:40%;font-size:1rem;animation-delay:.5s}.book-flip__star--3{top:20%;right:30%;font-size:1.25rem;animation-delay:1s}.book-flip__star--4{top:5%;right:25%;font-size:1.5rem;animation-delay:1.5s}.book-flip__star--5{top:25%;left:30%;font-size:.75rem;animation-delay:2s}.book-flip__star--6{top:12%;right:40%;font-size:1rem;animation-delay:2.5s}@keyframes bookStarTwinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.book-flip__book:before{content:"OPEN";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#a4c639;color:#fff;font-family:Phudu,sans-serif;font-size:.75rem;font-weight:700;padding:.5rem .75rem 2rem;z-index:200;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.book-flip__book:after{content:"\2192";position:absolute;top:18px;left:50%;transform:translate(-50%);color:#fff;font-size:1rem;z-index:201}@media screen and (max-width: 1100px){.book-flip__frame{width:140px}.book-flip__book{max-width:500px}.book-flip__title{font-size:2rem}.book-flip__subtitle{font-size:1.5rem}}@media screen and (max-width: 749px){.book-flip{padding:3rem 0;min-height:auto}.book-flip__frames{display:none}.book-flip__book{max-width:100%;aspect-ratio:4 / 3}.book-flip__title{font-size:1.5rem}.book-flip__subtitle{font-size:1.25rem}.book-flip__book:before{font-size:.65rem;padding:.4rem .6rem 1.5rem}.book-flip__book:after{top:14px;font-size:.85rem}}@media screen and (max-width: 479px){.book-flip__title{font-size:1.25rem}.book-flip__subtitle{font-size:1.1rem}.book-flip__button{font-size:.9rem}}@media screen and (min-width: 1400px){.book-flip{padding:5rem 0}.book-flip__frame{width:220px}.book-flip__book{max-width:700px}.book-flip__title{font-size:3rem}.book-flip__subtitle{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-book-flip.css.map */