.loader{display:flex;justify-content:center;align-items:center;min-height:min(90.5vh,980px)}.loader-spinner{border:6px solid hsla(0,0%,100%,.3);border-top-color:#007bff;border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stylish{position:relative;width:85px;height:50px;background-repeat:no-repeat;background-image:linear-gradient(#111 50px,transparent 0),linear-gradient(#111 50px,transparent 0),linear-gradient(#111 50px,transparent 0),linear-gradient(#111 50px,transparent 0),linear-gradient(#111 50px,transparent 0),linear-gradient(#111 50px,transparent 0);background-position:0,15px,30px,45px,60px,75px,90px;animation:rikSpikeRoll .65s linear infinite alternate}@keyframes rikSpikeRoll{0%{background-size:10px 3px}16%{background-size:10px 50px,10px 3px,10px 3px,10px 3px,10px 3px,10px 3px}33%{background-size:10px 30px,10px 50px,10px 3px,10px 3px,10px 3px,10px 3px}50%{background-size:10px 10px,10px 30px,10px 50px,10px 3px,10px 3px,10px 3px}66%{background-size:10px 3px,10px 10px,10px 30px,10px 50px,10px 3px,10px 3px}83%{background-size:10px 3px,10px 3px,10px 10px,10px 30px,10px 50px,10px 3px}to{background-size:10px 3px,10px 3px,10px 3px,10px 10px,10px 30px,10px 50px}}:root{--hue-book:223;--bg-book:hsl(var(--hue-book),10%,90%);--fg-book:hsl(var(--hue-book),10%,10%);--primary-book:hsl(var(--hue-book),90%,55%);--primary-l-book:hsl(var(--hue-book),90%,65%);--primary-d-book:hsl(var(--hue-book),90%,45%);--white-book:hsl(var(--hue-book),10%,100%);--white-d-book:hsl(var(--hue-book),10%,45%)}.book,.book__pg,.book__pg-shadow{animation:cover-book 7s ease-in-out infinite}.book{background-color:var(--primary-l-book);border-radius:.25em;box-shadow:0 .25em .5em rgba(0,0,0,.3),0 0 0 .25em var(--primary-book) inset;padding:.25em;perspective:37.5em;position:relative;width:8em;height:6em;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-book;background-image:linear-gradient(-45deg,transparent 50%,rgba(0,0,0,.3) 0);filter:blur(.25em);top:calc(100% - .25em);height:3.75em;transform:scaleY(0);transform-origin:100% 0}.book__pg{animation-name:pg1-book;background-color:var(--white-book);background-image:linear-gradient(90deg,hsla(var(--hue-book),10%,90%,0) 87.5%,hsl(var(--hue-book),10%,90%));height:calc(100% - .5em);transform-origin:100% 50%}.book__pg--2,.book__pg--3,.book__pg--4{background-image:repeating-linear-gradient(hsl(var(--hue-book),10%,10%) 0 .125em,hsla(var(--hue-book),10%,10%,0) .125em .5em),linear-gradient(90deg,hsla(var(--hue-book),10%,90%,0) 87.5%,hsl(var(--hue-book),10%,90%));background-repeat:no-repeat;background-position:50%;background-size:2.5em 4.125em,100% 100%}.book__pg--2{animation-name:pg2-book}.book__pg--3{animation-name:pg3-book}.book__pg--4{animation-name:pg4-book}.book__pg--5{animation-name:pg5-book}@media (prefers-color-scheme:dark){:root{--bg-book:hsl(var(--hue-book),10%,30%);--fg-book:hsl(var(--hue-book),10%,90%)}}@keyframes cover-book{0%,45%,5%,55%,95%,to{animation-timing-function:ease-out;background-color:var(--primary-l-book)}10%,40%,60%,90%{animation-timing-function:ease-in;background-color:var(--primary-d-book)}}@keyframes shadow-book{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-book{0%,to{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(.4deg)}10%,15%{animation-timing-function:ease-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(180deg)}20%,80%{animation-timing-function:ease-in;background-color:var(--white-d-book);transform:translateZ(1px) rotateY(180deg)}85%,90%{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(180deg)}}@keyframes pg2-book{0%,to{animation-timing-function:ease-in;background-color:var(--white-d-book);transform:translateZ(1px) rotateY(.3deg)}10%,5%{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(.3deg)}20%,25%{animation-timing-function:ease-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(179.9deg)}30%,70%{animation-timing-function:ease-in;background-color:var(--white-d-book);transform:translateZ(1px) rotateY(179.9deg)}75%,80%{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(179.9deg)}90%,95%{animation-timing-function:ease-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(.3deg)}}@keyframes pg3-book{0%,10%,90%,to{animation-timing-function:ease-in;background-color:var(--white-d-book);transform:translateZ(1px) rotateY(.2deg)}15%,20%{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(.2deg)}30%,35%{animation-timing-function:ease-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(179.8deg)}40%,60%{animation-timing-function:ease-in;background-color:var(--white-d-book);transform:translateZ(1px) rotateY(179.8deg)}65%,70%{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(179.8deg)}80%,85%{animation-timing-function:ease-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(.2deg)}}@keyframes pg4-book{0%,20%,80%,to{animation-timing-function:ease-in;background-color:var(--white-d-book);transform:translateZ(1px) rotateY(.1deg)}25%,30%{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(.1deg)}40%,45%{animation-timing-function:ease-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(179.7deg)}50%{animation-timing-function:ease-in;background-color:var(--white-d-book);transform:translateZ(1px) rotateY(179.7deg)}55%,60%{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(179.7deg)}70%,75%{animation-timing-function:ease-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(.1deg)}}@keyframes pg5-book{0%,30%,70%,to{animation-timing-function:ease-in;background-color:var(--white-d-book);transform:translateZ(1px) rotateY(0)}35%,40%{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(0deg)}50%{animation-timing-function:ease-in-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(179.6deg)}60%,65%{animation-timing-function:ease-out;background-color:var(--white-book);transform:translateZ(1px) rotateY(0)}}