:root{--hue:223;--bg:hsl(var(--hue),10%,90%);--fg:hsl(var(--hue),10%,10%);--primary:hsl(var(--hue),90%,55%);--primary-l:hsl(var(--hue),90%,65%);--primary-d:hsl(var(--hue),90%,45%);--white:hsl(var(--hue),10%,100%);--white-d:hsl(var(--hue),10%,45%)}.book,.book__pg,.book__pg-shadow{animation:cover 7s ease-in-out infinite}.book{background-color:#5583f6;background-color:var(--primary-l);border-radius:.25em;box-shadow:0 .25em .5em #0000004d,inset 0 0 0 .25em #255ff4;box-shadow:0 .25em .5em #0000004d,0 0 0 .25em var(--primary) inset;height:6em;padding:.25em;perspective:37.5em;position:relative;transform:translateZ(0);transform-style:preserve-3d;width:8em}.book__pg,.book__pg-shadow{left:.25em;position:absolute;width:calc(50% - .25em)}.book__pg-shadow{animation-name:shadow;background-image:linear-gradient(-45deg,#0000 50%,#0000004d 0);filter:blur(.25em);height:3.75em;top:calc(100% - .25em);transform:scaleY(0);transform-origin:100% 0}.book__pg{animation-name:pg1;background-color:#fff;background-color:var(--white);background-image:linear-gradient(90deg,#e3e4e800 87.5%,#e3e4e8);background-image:linear-gradient(90deg,hsla(var(--hue),10%,90%,0) 87.5%,hsl(var(--hue),10%,90%));height:calc(100% - .5em);transform-origin:100% 50%}.book__pg--2,.book__pg--3,.book__pg--4{background-image:url(data:image/png;base64,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);background-position:50%;background-repeat:no-repeat;background-size:3em 3em,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:hsl(var(--hue),10%,30%);--fg:hsl(var(--hue),10%,90%)}}@keyframes cover{0%,45%,5%,55%,95%,to{animation-timing-function:ease-out;background-color:#5583f6;background-color:var(--primary-l)}10%,40%,60%,90%{animation-timing-function:ease-in;background-color:#0b46da;background-color:var(--primary-d)}}@keyframes shadow{0%,10.01%,20.01%,30.01%,40.01%{animation-timing-function:ease-in;transform:translateZ(1px) scaleY(0) rotateY(0)}15%,25%,35%,45%,5%,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{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(.4deg)}10%,15%{animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(180deg)}20%,80%{animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);transform:translateZ(1px) rotateY(180deg)}85%,90%{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(180deg)}}@keyframes pg2{0%,to{animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);transform:translateZ(1px) rotateY(.3deg)}10%,5%{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(.3deg)}20%,25%{animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(179.9deg)}30%,70%{animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);transform:translateZ(1px) rotateY(179.9deg)}75%,80%{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(179.9deg)}90%,95%{animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(.3deg)}}@keyframes pg3{0%,10%,90%,to{animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);transform:translateZ(1px) rotateY(.2deg)}15%,20%{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(.2deg)}30%,35%{animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(179.8deg)}40%,60%{animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);transform:translateZ(1px) rotateY(179.8deg)}65%,70%{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(179.8deg)}80%,85%{animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(.2deg)}}@keyframes pg4{25%,30%{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(.1deg)}40%,45%{animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(179.7deg)}50%{animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);transform:translateZ(1px) rotateY(179.7deg)}55%,60%{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(179.7deg)}70%,75%{animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(.1deg)}}@keyframes pg5{0%,30%,70%,to{animation-timing-function:ease-in;background-color:#676e7e;background-color:var(--white-d);transform:translateZ(1px) rotateY(0)}35%,40%{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(0deg)}50%{animation-timing-function:ease-in-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(179.6deg)}60%,65%{animation-timing-function:ease-out;background-color:#fff;background-color:var(--white);transform:translateZ(1px) rotateY(0)}}