.booklet{perspective:2200px}.booklet>[data-book-page]{transform-style:preserve-3d}
.booklet>[data-book-page].page-forward-out,.booklet>[data-book-page].page-back-in{animation-duration:1.05s!important;animation-timing-function:cubic-bezier(.42,0,.18,1)!important;filter:none!important;overflow:hidden}
.booklet>[data-book-page].page-forward-out{animation-name:paper-turn-forward!important}
.booklet>[data-book-page].page-back-in{animation-name:paper-turn-back!important}
.page-forward-out:after,.page-back-in:after{content:'';position:absolute;inset:0;z-index:40;pointer-events:none;background:linear-gradient(90deg,#58453100 0%,#5845310a 35%,#58453138 73%,#fff9ee66 100%);opacity:0;animation:fold-shade 1.05s cubic-bezier(.42,0,.18,1) both}
.page-back-in:after{animation-direction:reverse}
.booklet>[data-book-page].page-forward-under{animation:paper-under-reveal 1.05s ease both!important}
.booklet>[data-book-page].page-back-under{animation:paper-under-dim 1.05s ease both!important}
@keyframes paper-turn-forward{0%{transform:rotateY(0deg);opacity:1}35%{transform:rotateY(-18deg);opacity:1}80%{opacity:1}100%{transform:rotateY(-105deg);opacity:0}}
@keyframes paper-turn-back{0%{transform:rotateY(-105deg);opacity:0}20%{opacity:1}65%{transform:rotateY(-18deg);opacity:1}100%{transform:rotateY(0deg);opacity:1}}
@keyframes fold-shade{0%{opacity:0}45%{opacity:.65}85%{opacity:1}100%{opacity:.4}}
@keyframes paper-under-reveal{0%{opacity:.75;transform:scale(.988)}100%{opacity:1;transform:scale(1)}}
@keyframes paper-under-dim{0%{opacity:1}100%{opacity:.85}}
@media(max-width:767px){
 .booklet>[data-book-page].page-forward-out,.booklet>[data-book-page].page-back-in{animation-duration:.85s!important;transform-origin:15% center}
 .booklet>[data-book-page].page-forward-out{animation-name:mobile-paper-forward!important}
 .booklet>[data-book-page].page-back-in{animation-name:mobile-paper-back!important}
 .page-forward-out:after,.page-back-in:after{animation-duration:.85s}
 .booklet>[data-book-page].page-forward-under,.booklet>[data-book-page].page-back-under{animation-duration:.85s!important}
}
@keyframes mobile-paper-forward{0%{transform:translateX(0) rotateY(0);opacity:1}35%{opacity:1}100%{transform:translateX(-16%) rotateY(-28deg);opacity:0}}
@keyframes mobile-paper-back{0%{transform:translateX(-16%) rotateY(-28deg);opacity:0}65%{opacity:1}100%{transform:translateX(0) rotateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.booklet>[data-book-page],.page-forward-out:after,.page-back-in:after{animation:none!important}}