.loader{justify-content:center;align-items:center;min-height:min(90.5vh,980px);display:flex}.loader-spinner{border:6px solid #ffffff4d;border-top-color:#007bff;border-radius:50%;width:80px;height:80px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stylish{background-image:linear-gradient(#111 50px,#0000 0),linear-gradient(#111 50px,#0000 0),linear-gradient(#111 50px,#0000 0),linear-gradient(#111 50px,#0000 0),linear-gradient(#111 50px,#0000 0),linear-gradient(#111 50px,#0000 0);background-position:0,15px,30px,45px,60px,75px,90px;background-repeat:no-repeat;width:85px;height:50px;animation:.65s linear infinite alternate rikSpikeRoll;position:relative}@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-shadow,.book__pg{animation:7s ease-in-out infinite cover-book}.book{background-color:var(--primary-l-book);box-shadow:0 .25em .5em #0000004d, 0 0 0 .25em var(--primary-book) inset;perspective:37.5em;width:8em;height:6em;transform-style:preserve-3d;border-radius:.25em;padding:.25em;position:relative;transform:translate(0,0)}.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,#0000 50%,#0000004d 50%);height:3.75em;animation-name:shadow-book;top:calc(100% - .25em);transform:scaleY(0)}.book__pg{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%));transform-origin:100%;height:calc(100% - .5em);animation-name:pg1-book}.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-position:50%;background-repeat:no-repeat;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%,5%,45%,55%,95%,to{background-color:var(--primary-l-book);animation-timing-function:ease-out}10%,40%,60%,90%{background-color:var(--primary-d-book);animation-timing-function:ease-in}}@keyframes shadow-book{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-book{0%,to{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.4deg)}10%,15%{background-color:var(--white-book);animation-timing-function:ease-out;transform:translateZ(1px)rotateY(180deg)}20%,80%{background-color:var(--white-d-book);animation-timing-function:ease-in;transform:translateZ(1px)rotateY(180deg)}85%,90%{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(180deg)}}@keyframes pg2-book{0%,to{background-color:var(--white-d-book);animation-timing-function:ease-in;transform:translateZ(1px)rotateY(.3deg)}5%,10%{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.3deg)}20%,25%{background-color:var(--white-book);animation-timing-function:ease-out;transform:translateZ(1px)rotateY(179.9deg)}30%,70%{background-color:var(--white-d-book);animation-timing-function:ease-in;transform:translateZ(1px)rotateY(179.9deg)}75%,80%{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.9deg)}90%,95%{background-color:var(--white-book);animation-timing-function:ease-out;transform:translateZ(1px)rotateY(.3deg)}}@keyframes pg3-book{0%,10%,90%,to{background-color:var(--white-d-book);animation-timing-function:ease-in;transform:translateZ(1px)rotateY(.2deg)}15%,20%{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.2deg)}30%,35%{background-color:var(--white-book);animation-timing-function:ease-out;transform:translateZ(1px)rotateY(179.8deg)}40%,60%{background-color:var(--white-d-book);animation-timing-function:ease-in;transform:translateZ(1px)rotateY(179.8deg)}65%,70%{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.8deg)}80%,85%{background-color:var(--white-book);animation-timing-function:ease-out;transform:translateZ(1px)rotateY(.2deg)}}@keyframes pg4-book{0%,20%,80%,to{background-color:var(--white-d-book);animation-timing-function:ease-in;transform:translateZ(1px)rotateY(.1deg)}25%,30%{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.1deg)}40%,45%{background-color:var(--white-book);animation-timing-function:ease-out;transform:translateZ(1px)rotateY(179.7deg)}50%{background-color:var(--white-d-book);animation-timing-function:ease-in;transform:translateZ(1px)rotateY(179.7deg)}55%,60%{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.7deg)}70%,75%{background-color:var(--white-book);animation-timing-function:ease-out;transform:translateZ(1px)rotateY(.1deg)}}@keyframes pg5-book{0%,30%,70%,to{background-color:var(--white-d-book);animation-timing-function:ease-in;transform:translateZ(1px)rotateY(0)}35%,40%{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(0)}50%{background-color:var(--white-book);animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.6deg)}60%,65%{background-color:var(--white-book);animation-timing-function:ease-out;transform:translateZ(1px)rotateY(0)}}