:root{--book-flip-duration:10s;--book-flip-page-from:#ffffff4d;--book-flip-page-to:#ffffff4d}.dark{--book-flip-page-from:#ffffff08;--book-flip-page-to:#ffffff08}.book-flip-core{background:var(--gray-6);z-index:0;border-radius:50%;position:absolute;inset:0}.book-flip-page{background:linear-gradient(90deg,var(--book-flip-page-from),var(--book-flip-page-to));transform-origin:100%;width:50%;height:100%;animation-duration:var(--book-flip-duration);border-radius:100% 0 0 100%/50% 0 0 50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0}.book-flip-page-1{animation-name:book-flip-p1}.book-flip-page-2{animation-name:book-flip-p2}.book-flip-page-3{animation-name:book-flip-p3}.book-flip-page-4{animation-name:book-flip-p4}.book-flip-page-5{animation-name:book-flip-p5}.book-flip-page-6{animation-name:book-flip-p6}.book-flip-page-7{animation-name:book-flip-p7}.book-flip-page-8{animation-name:book-flip-p8}.book-flip-page-9{animation-name:book-flip-p9}@keyframes book-flip-p1{0%,10%{z-index:9;transform:rotateY(0)}22%,80%{z-index:1;transform:rotateY(180deg)}90%,to{z-index:9;transform:rotateY(0)}}@keyframes book-flip-p2{0%,15%{z-index:8;transform:rotateY(0)}27%,80%{z-index:2;transform:rotateY(180deg)}90%,to{z-index:8;transform:rotateY(0)}}@keyframes book-flip-p3{0%,19%{z-index:7;transform:rotateY(0)}31%,80%{z-index:3;transform:rotateY(180deg)}90%,to{z-index:7;transform:rotateY(0)}}@keyframes book-flip-p4{0%,22%{z-index:6;transform:rotateY(0)}34%,80%{z-index:4;transform:rotateY(180deg)}90%,to{z-index:6;transform:rotateY(0)}}@keyframes book-flip-p5{0%,24%{z-index:5;transform:rotateY(0)}36%,80%{z-index:5;transform:rotateY(180deg)}90%,to{z-index:5;transform:rotateY(0)}}@keyframes book-flip-p6{0%,26%{z-index:4;transform:rotateY(0)}38%,80%{z-index:6;transform:rotateY(180deg)}90%,to{z-index:4;transform:rotateY(0)}}@keyframes book-flip-p7{0%,29%{z-index:3;transform:rotateY(0)}41%,80%{z-index:7;transform:rotateY(180deg)}90%,to{z-index:3;transform:rotateY(0)}}@keyframes book-flip-p8{0%,33%{z-index:2;transform:rotateY(0)}45%,80%{z-index:8;transform:rotateY(180deg)}90%,to{z-index:2;transform:rotateY(0)}}@keyframes book-flip-p9{0%,38%{z-index:1;transform:rotateY(0)}50%,80%{z-index:9;transform:rotateY(180deg)}90%,to{z-index:1;transform:rotateY(0)}}