.book,.book__pg-shadow,.book__pg{animation:5s ease-in-out infinite cover}.book{perspective:37.5em;width:12em;height:10em;transform-style:preserve-3d;background-color:#a055f6;border-radius:.25em;padding:.25em;position:relative;transform:translate(0,0);box-shadow:0 .25em .5em rgba(0,0,0,.3),inset 0 0 0 .25em #af24ff}.book__pg-shadow,.book__pg{width:calc(50% - .25em);position:absolute;left:.25em}.book__pg-shadow{filter:blur(.25em);transform-origin:100% 0;background-image:linear-gradient(-45deg,transparent 50%,rgba(0,0,0,.3) 50%);height:3.75em;animation-name:shadow;top:calc(100% - .25em);transform:scaleY(0)}.book__pg{transform-origin:100%;background-color:#fff;background-image:linear-gradient(90deg,rgba(227,228,232,0) 87.5%,#e3e4e8);height:calc(100% - .5em);animation-name:pg1}.book__pg--2,.book__pg--3,.book__pg--4{background-image:repeating-linear-gradient(#17181c 0,#17181c .125em,rgba(23,24,28,0) .125em,rgba(23,24,28,0) .5em),linear-gradient(90deg,rgba(227,228,232,0) 87.5%,#e3e4e8);background-position:50%;background-repeat:no-repeat;background-size:2.5em 4.125em,100% 100%}.book__pg--2{animation-name:pg2}.book__pg--3{animation-name:pg3}.book__pg--4{animation-name:pg4}.book__pg--5{animation-name:pg5}@media (prefers-color-scheme:dark){:root{--bg:#454954;--fg:#e3e4e8}}@keyframes cover{0%,5%,45%,55%,95%,to{background-color:#be64f2;animation-timing-function:ease-out}10%,40%,60%,90%{background-color:#760bda;animation-timing-function:ease-in}}@keyframes shadow{0%,10.01%,20.01%,30.01%,40.01%{animation-timing-function:ease-in;transform:translateZ(1px)scaleY(0)rotateY(0)}5%,15%,25%,35%,45%,55%,65%,75%,85%,95%{animation-timing-function:ease-out;transform:translateZ(1px)scaleY(.2)rotateY(90deg)}10%,20%,30%,40%,50%,to{animation-timing-function:ease-out;transform:translateZ(1px)scaleY(0)rotateY(180deg)}50.01%,60.01%,70.01%,80.01%,90.01%{animation-timing-function:ease-in;transform:translateZ(1px)scaleY(0)rotateY(180deg)}60%,70%,80%,90%,to{animation-timing-function:ease-out;transform:translateZ(1px)scaleY(0)rotateY(0)}}@keyframes pg1{0%,to{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.4deg)}10%,15%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(180deg)}20%,80%{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(180deg)}85%,90%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(180deg)}}@keyframes pg2{0%,to{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(.3deg)}5%,10%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.3deg)}20%,25%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(179.9deg)}30%,70%{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(179.9deg)}75%,80%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.9deg)}90%,95%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(.3deg)}}@keyframes pg3{0%,10%,90%,to{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(.2deg)}15%,20%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.2deg)}30%,35%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(179.8deg)}40%,60%{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(179.8deg)}65%,70%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.8deg)}80%,85%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(.2deg)}}@keyframes pg4{0%,20%,80%,to{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(.1deg)}25%,30%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.1deg)}40%,45%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(179.7deg)}50%{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(179.7deg)}55%,60%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.7deg)}70%,75%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(.1deg)}}@keyframes pg5{0%,30%,70%,to{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(0)}35%,40%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(0)}50%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.6deg)}60%,65%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(0)}}