.loader{--main-size: 4em;--text-color: #ffffff;--shine-color: #ffffff40;--shadow-color: #aaaaaa;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative;font-size:var(--main-size);font-weight:900;text-transform:uppercase;color:var(--text-color);width:7.3em;height:1em;filter:drop-shadow(0 0 .05em var(--shine-color))}[data-theme=light] .loader,.theme-light .loader{--text-color: #0c1a15;--shine-color: #00000020;--shadow-color: #444444}.loader .text{display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;position:absolute}.loader .text:nth-child(1){clip-path:polygon(0% 0%,11.11% 0%,11.11% 100%,0% 100%);font-size:calc(var(--main-size) / 20);margin-left:-2.1em;opacity:.6}.loader .text:nth-child(2){clip-path:polygon(11.11% 0%,22.22% 0%,22.22% 100%,11.11% 100%);font-size:calc(var(--main-size) / 16);margin-left:-.98em;opacity:.7}.loader .text:nth-child(3){clip-path:polygon(22.22% 0%,33.33% 0%,33.33% 100%,22.22% 100%);font-size:calc(var(--main-size) / 13);margin-left:-.33em;opacity:.8}.loader .text:nth-child(4){clip-path:polygon(33.33% 0%,44.44% 0%,44.44% 100%,33.33% 100%);font-size:calc(var(--main-size) / 11);margin-left:-.05em;opacity:.9}.loader .text:nth-child(5){clip-path:polygon(44.44% 0%,55.55% 0%,55.55% 100%,44.44% 100%);font-size:calc(var(--main-size) / 10);margin-left:0;opacity:1}.loader .text:nth-child(6){clip-path:polygon(55.55% 0%,66.66% 0%,66.66% 100%,55.55% 100%);font-size:calc(var(--main-size) / 11);margin-left:.05em;opacity:.9}.loader .text:nth-child(7){clip-path:polygon(66.66% 0%,77.77% 0%,77.77% 100%,66.66% 100%);font-size:calc(var(--main-size) / 13);margin-left:.33em;opacity:.8}.loader .text:nth-child(8){clip-path:polygon(77.77% 0%,88.88% 0%,88.88% 100%,77.77% 100%);font-size:calc(var(--main-size) / 16);margin-left:.98em;opacity:.7}.loader .text:nth-child(9){clip-path:polygon(88.88% 0%,100% 0%,100% 100%,88.88% 100%);font-size:calc(var(--main-size) / 20);margin-left:2.1em;opacity:.6}.loader .text span{animation:scrolling 2s cubic-bezier(.1,.6,.9,.4) infinite,shadow 2s cubic-bezier(.1,.6,.9,.4) infinite}.loader .text:nth-child(1) span{background:linear-gradient(to right,var(--text-color) 4%,var(--shadow-color) 7%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.loader .text:nth-child(2) span{background:linear-gradient(to right,var(--text-color) 9%,var(--shadow-color) 13%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.loader .text:nth-child(3) span{background:linear-gradient(to right,var(--text-color) 15%,var(--shadow-color) 18%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.loader .text:nth-child(4) span{background:linear-gradient(to right,var(--text-color) 20%,var(--shadow-color) 23%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.loader .text:nth-child(6) span{background:linear-gradient(to right,var(--shadow-color) 29%,var(--text-color) 32%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.loader .text:nth-child(7) span{background:linear-gradient(to right,var(--shadow-color) 34%,var(--text-color) 37%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.loader .text:nth-child(8) span{background:linear-gradient(to right,var(--shadow-color) 39%,var(--text-color) 42%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.loader .text:nth-child(9) span{background:linear-gradient(to right,var(--shadow-color) 45%,var(--text-color) 48%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.loader .line{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:.05em;width:calc(var(--main-size) / 2);margin-top:.9em;border-radius:.05em}.loader .line:before{content:"";position:absolute;height:100%;width:100%;background-color:var(--text-color);opacity:.3}.loader .line:after{content:"";position:absolute;height:100%;width:100%;background-color:var(--text-color);border-radius:.05em;transform:translate(-90%);animation:wobble 2s cubic-bezier(.5,.8,.5,.2) infinite}@keyframes wobble{0%{transform:translate(-90%)}50%{transform:translate(90%)}to{transform:translate(-90%)}}@keyframes scrolling{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shadow{0%{background-position:-98% 0}to{background-position:102% 0}}.loader-book{--background: linear-gradient(135deg, #10b981, #059669);--shadow: rgba(16, 185, 129, .28);--text: #a1a1aa;--page: rgba(255, 255, 255, .36);--page-fold: rgba(255, 255, 255, .52);--duration: 3s;width:200px;height:140px;position:relative}[data-theme=light] .loader-book,.theme-light .loader-book{--background: linear-gradient(135deg, #34d399, #10b981);--shadow: rgba(16, 185, 129, .15);--text: #4b5563;--page: rgba(255, 255, 255, .7);--page-fold: rgba(255, 255, 255, .9)}.loader-book:before,.loader-book:after{--r: -6deg;content:"";position:absolute;bottom:8px;width:120px;top:80%;box-shadow:0 16px 12px var(--shadow);transform:rotate(var(--r))}.loader-book:before{left:4px}.loader-book:after{--r: 6deg;right:4px}.loader-book>div{width:100%;height:100%;border-radius:13px;position:relative;z-index:1;perspective:600px;box-shadow:0 4px 6px var(--shadow);background-image:var(--background)}.loader-book>div ul{margin:0;padding:0;list-style:none;position:relative}.loader-book>div ul li{--r: 180deg;--o: 0;--c: var(--page);position:absolute;top:10px;left:10px;transform-origin:100% 50%;color:var(--c);opacity:var(--o);transform:rotateY(var(--r));-webkit-animation:var(--duration) ease infinite;animation:var(--duration) ease infinite}.loader-book>div ul li:nth-child(2){--c: var(--page-fold);-webkit-animation-name:page-2;animation-name:page-2}.loader-book>div ul li:nth-child(3){--c: var(--page-fold);-webkit-animation-name:page-3;animation-name:page-3}.loader-book>div ul li:nth-child(4){--c: var(--page-fold);-webkit-animation-name:page-4;animation-name:page-4}.loader-book>div ul li:nth-child(5){--c: var(--page-fold);-webkit-animation-name:page-5;animation-name:page-5}.loader-book>div ul li svg{width:90px;height:120px;display:block}.loader-book>div ul li:first-child{--r: 0deg;--o: 1}.loader-book>div ul li:last-child{--o: 1}.loader-book span.loader-book-text{display:block;left:0;right:0;top:100%;margin-top:20px;text-align:center;color:var(--text);font-family:Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}@keyframes page-2{0%{transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{transform:rotateY(0)}}@keyframes page-3{15%{transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{transform:rotateY(0)}}@keyframes page-4{30%{transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{transform:rotateY(0)}}@keyframes page-5{45%{transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{transform:rotateY(0)}}