.book{perspective:2400px;transform-style:preserve-3d}.page{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,filter}.book.turning-next .page.right.active{z-index:12;transform-origin:left center;animation:turnNext .68s cubic-bezier(.55,.02,.25,1) forwards}.book.turning-prev .page.left.active{z-index:12;transform-origin:right center;animation:turnPrev .68s cubic-bezier(.55,.02,.25,1) forwards}.book.turning-next:after,.book.turning-prev:after{content:'';position:absolute;z-index:11;top:0;bottom:0;width:50%;pointer-events:none;animation:pageShadow .68s ease}.book.turning-next:after{right:0;background:linear-gradient(90deg,rgba(36,20,11,.45),transparent 55%)}.book.turning-prev:after{left:0;background:linear-gradient(-90deg,rgba(36,20,11,.45),transparent 55%)}@keyframes turnNext{0%{transform:rotateY(0);filter:brightness(1)}45%{filter:brightness(.65)}100%{transform:rotateY(-178deg);filter:brightness(.85)}}@keyframes turnPrev{0%{transform:rotateY(0);filter:brightness(1)}45%{filter:brightness(.65)}100%{transform:rotateY(178deg);filter:brightness(.85)}}@keyframes pageShadow{0%,100%{opacity:0}45%{opacity:1}}@media(max-width:800px){.book.turning-next .page.right.active,.book.turning-prev .page.left.active{animation:none}.book.turning-next:after,.book.turning-prev:after{display:none}}