.book,.book__pg,.book__pg-shadow{animation:cover 4s ease-in-out infinite}.book{background-color:#F22E52;border-radius:.25em;box-shadow:0 .25em .25em hsla(0,0%,0%,.3),inset 0 0 0 .25em #F22E52;padding:.25em;perspective:37.5em;position:relative;width:6em;height:4em;transform:translateZ(0);transform-style:preserve-3d}.book__pg,.book__pg-shadow{position:absolute;left:.25em;width:calc(50% - .25em)}.book__pg-shadow{animation-name:shadow;background-image:linear-gradient(-45deg,hsla(0,0%,0%,0) 50%,hsla(0,0%,0%,.3) 0);filter:blur(.25em);top:calc(100% - .25em);height:2em;transform:scaleY(0);transform-origin:100% 0}.book__pg{animation-name:pg1;background-color:hsl(223,10%,100%);background-image:linear-gradient(90deg,hsla(223,10%,90%,0) 87.5%,hsl(223,10%,90%));height:calc(100% - .5em);transform-origin:100% 50%;animation-timing-function:ease-in-out}.book__pg--2,.book__pg--3,.book__pg--4{background-image:repeating-linear-gradient(hsl(223,10%,10%) 0 .1em,hsla(223,10%,10%,0) .125em .5em),linear-gradient(90deg,hsla(223,10%,90%,0) 87.5%,hsl(223,10%,90%));background-repeat:no-repeat;background-position:50%;background-size:1.5em 2.25em,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}@keyframes cover{0%,45%,5%,55%,95%,to{animation-timing-function:ease-out;background-color:#f2788e}10%,40%,60%,90%{animation-timing-function:ease-in;background-color:#f2788e}}@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:hsl(223,10%,100%);transform:translateZ(1px) rotateY(.4deg)}10%,15%{animation-timing-function:ease-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(180deg)}20%,80%{animation-timing-function:ease-in;background-color:hsl(223,10%,45%);transform:translateZ(1px) rotateY(180deg)}85%,90%{animation-timing-function:ease-in-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(180deg)}}@keyframes pg2{0%,to{animation-timing-function:ease-in;background-color:hsl(223,10%,45%);transform:translateZ(1px) rotateY(.3deg)}10%,5%{animation-timing-function:ease-in-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(.3deg)}20%,25%{animation-timing-function:ease-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(179.9deg)}30%,70%{animation-timing-function:ease-in;background-color:hsl(223,10%,45%);transform:translateZ(1px) rotateY(179.9deg)}75%,80%{animation-timing-function:ease-in-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(179.9deg)}90%,95%{animation-timing-function:ease-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(.3deg)}}@keyframes pg3{0%,10%,90%,to{animation-timing-function:ease-in;background-color:hsl(223,10%,45%);transform:translateZ(1px) rotateY(.2deg)}15%,20%{animation-timing-function:ease-in-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(.2deg)}30%,35%{animation-timing-function:ease-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(179.8deg)}40%,60%{animation-timing-function:ease-in;background-color:hsl(223,10%,45%);transform:translateZ(1px) rotateY(179.8deg)}65%,70%{animation-timing-function:ease-in-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(179.8deg)}80%,85%{animation-timing-function:ease-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(.2deg)}}@keyframes pg4{0%,20%,80%,to{animation-timing-function:ease-in;background-color:hsl(223,10%,45%);transform:translateZ(1px) rotateY(.1deg)}25%,30%{animation-timing-function:ease-in-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(.1deg)}40%,45%{animation-timing-function:ease-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(179.7deg)}50%{animation-timing-function:ease-in;background-color:hsl(223,10%,45%);transform:translateZ(1px) rotateY(179.7deg)}55%,60%{animation-timing-function:ease-in-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(179.7deg)}70%,75%{animation-timing-function:ease-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(.1deg)}}@keyframes pg5{0%,30%,70%,to{animation-timing-function:ease-in;background-color:hsl(223,10%,45%);transform:translateZ(1px) rotateY(0)}35%,40%{animation-timing-function:ease-in-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(0deg)}50%{animation-timing-function:ease-in-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(179.6deg)}60%,65%{animation-timing-function:ease-out;background-color:hsl(223,10%,100%);transform:translateZ(1px) rotateY(0)}}.loader{width:50px;height:30px;--g1:conic-gradient(from 90deg at left 2px top 2px,#0000 90deg,#F22E52 0);--g2:conic-gradient(from -90deg at bottom 2px right 2px,#0000 90deg,#F22E52 0);background:var(--g1),var(--g1),var(--g1),var(--g2),var(--g2),var(--g2);background-position:0,50%,100%;background-repeat:no-repeat;animation:l9 1s infinite}@keyframes l9{0%{background-size:15px 50%,15px 50%,15px 50%}25%{background-size:15px 100%,15px 50%,15px 50%}50%{background-size:15px 50%,15px 100%,15px 50%}75%{background-size:15px 50%,15px 50%,15px 100%}to{background-size:15px 50%,15px 50%,15px 50%}}.wheel-and-hamster{--dur:1s;position:relative;width:12em;height:12em;font-size:14px}.hamster,.hamster div,.spoke,.wheel{position:absolute}.spoke,.wheel{border-radius:50%;top:0;left:0;width:100%;height:100%}.wheel{background:radial-gradient(100% 100% at center,hsla(0,0%,60%,0) 47.8%,hsl(0,0%,60%) 48%);z-index:2}.hamster{animation:hamster var(--dur) ease-in-out infinite;top:50%;left:calc(50% - 3.5em);width:7em;height:3.75em;transform:rotate(4deg) translate(-.8em,1.85em);transform-origin:50% 0;z-index:1}.hamster__head{animation:hamsterHead var(--dur) ease-in-out infinite;background:hsl(30,90%,55%);border-radius:70% 30% 0 100%/40% 25% 25% 60%;box-shadow:inset 0 -.25em 0 hsl(30,90%,80%),inset .75em -1.55em 0 hsl(30,90%,90%);top:0;left:-2em;width:2.75em;height:2.5em;transform-origin:100% 50%}.hamster__ear{animation:hamsterEar var(--dur) ease-in-out infinite;background:hsl(0,90%,85%);border-radius:50%;box-shadow:inset -.25em 0 hsl(30,90%,55%);top:-.25em;right:-.25em;width:.75em;height:.75em;transform-origin:50% 75%}.hamster__eye{animation:hamsterEye var(--dur) linear infinite;background-color:hsl(0,0%,0%);border-radius:50%;top:.375em;left:1.25em;width:.5em;height:.5em}.hamster__nose{background:hsl(0,90%,75%);border-radius:35% 65% 85% 15%/70% 50% 50% 30%;top:.75em;left:0;width:.2em;height:.25em}.hamster__body{animation:hamsterBody var(--dur) ease-in-out infinite;background:hsl(30,90%,90%);border-radius:50% 30% 50% 30%/15% 60% 40% 40%;box-shadow:inset .1em .75em 0 hsl(30,90%,55%),inset .15em -.5em 0 hsl(30,90%,80%);top:.25em;left:2em;width:4.5em;height:3em;transform-origin:17% 50%;transform-style:preserve-3d}.hamster__limb--fl,.hamster__limb--fr{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0 100%,40% 80%);top:2em;left:.5em;width:1em;height:1.5em;transform-origin:50% 0}.hamster__limb--fr{animation:hamsterFRLimb var(--dur) linear infinite;background:linear-gradient(hsl(30,90%,80%) 80%,hsl(0,90%,75%) 0);transform:rotate(15deg) translateZ(-1px)}.hamster__limb--fl{animation:hamsterFLLimb var(--dur) linear infinite;background:linear-gradient(hsl(30,90%,90%) 80%,hsl(0,90%,85%) 0);transform:rotate(15deg)}.hamster__limb--bl,.hamster__limb--br{border-radius:.75em .75em 0 0;clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0 30%);top:1em;left:2.8em;width:1.5em;height:2.5em;transform-origin:50% 30%}.hamster__limb--br{animation:hamsterBRLimb var(--dur) linear infinite;background:linear-gradient(hsl(30,90%,80%) 90%,hsl(0,90%,75%) 0);transform:rotate(-25deg) translateZ(-1px)}.hamster__limb--bl{animation:hamsterBLLimb var(--dur) linear infinite;background:linear-gradient(hsl(30,90%,90%) 90%,hsl(0,90%,85%) 0);transform:rotate(-25deg)}.hamster__tail{animation:hamsterTail var(--dur) linear infinite;background:hsl(0,90%,85%);border-radius:.25em 50% 50% .25em;box-shadow:inset 0 -.2em 0 hsl(0,90%,75%);top:1.5em;right:-.5em;width:1em;height:.5em;transform:rotate(30deg) translateZ(-1px);transform-origin:.25em .25em}.spoke{animation:spoke var(--dur) linear infinite;background:radial-gradient(100% 100% at center,hsl(0,0%,60%) 4.8%,hsla(0,0%,60%,0) 5%),linear-gradient(hsla(0,0%,55%,0) 46.9%,hsl(0,0%,65%) 47% 52.9%,hsla(0,0%,65%,0) 53%) 50% 50% /99% 99% no-repeat}@keyframes hamster{0%,to{transform:rotate(4deg) translate(-.8em,1.85em)}50%{transform:rotate(0) translate(-.8em,1.85em)}}@keyframes hamsterHead{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterEye{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterEar{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterBody{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterFRLimb{0%,25%,50%,75%,to{transform:rotate(50deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg) translateZ(-1px)}}@keyframes hamsterFLLimb{0%,25%,50%,75%,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterBRLimb{0%,25%,50%,75%,to{transform:rotate(-60deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg) translateZ(-1px)}}@keyframes hamsterBLLimb{0%,25%,50%,75%,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterTail{0%,25%,50%,75%,to{transform:rotate(30deg) translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg) translateZ(-1px)}}@keyframes spoke{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.three-loader{width:5px;aspect-ratio:1;border-radius:50%;clip-path:inset(-45px);box-shadow:-60px 15px grey,-60px 15px grey,-60px 15px grey;transform:translateY(-15px);animation:l19 1s linear infinite}@keyframes l19{16.67%{box-shadow:-60px 15px grey,-60px 15px grey,19px 15px grey}33.33%{box-shadow:-60px 15px grey,0 15px grey,19px 15px grey}40%,60%{box-shadow:-19px 15px grey,0 15px grey,19px 15px grey}66.67%{box-shadow:-19px 15px grey,0 15px grey,60px 15px grey}83.33%{box-shadow:-19px 15px grey,60px 15px grey,60px 15px grey}to{box-shadow:60px 15px grey,60px 15px grey,60px 15px grey}}