@property --jt-cycle{syntax:"<color>";inherits:false;initial-value:#0092e9}@keyframes loader-jt-cycle{0%,12.5%{--jt-cycle:#0092e9}12.6%,37.5%{--jt-cycle:#10b981}37.6%,62.5%{--jt-cycle:#f59e0b}62.6%,87.5%{--jt-cycle:#8b5cf6}87.6%,to{--jt-cycle:#0092e9}}.loader-blocks,.loader-bounce,.loader-moons,.loader-pages{--jt-blue:#0092e9;--jt-green:#10b981;--jt-orange:#f59e0b;--jt-purple:#8b5cf6}.loader-blocks{--b:no-repeat linear-gradient(var(--jt-blue) 0 0);--g:no-repeat linear-gradient(var(--jt-green) 0 0);--o:no-repeat linear-gradient(var(--jt-orange) 0 0);--p:no-repeat linear-gradient(var(--jt-purple) 0 0);background:var(--b), var(--g), var(--o), var(--p), var(--b), var(--g), var(--o), var(--p), var(--b);background-size:16px 16px;animation:1s infinite loader-blocks-size,1s infinite loader-blocks-walk}@keyframes loader-blocks-size{0%,to{width:45px;height:45px}35%,65%{width:65px;height:65px}}@keyframes loader-blocks-walk{0%,40%{background-position:0 0,0,0 100%,50% 100%,100% 100%,100%,100% 0,50% 0,50%}60%,to{background-position:0,0 100%,50% 100%,100% 100%,100%,100% 0,50% 0,0 0,50%}}.loader-bounce{aspect-ratio:.5;width:60px;display:grid}.loader-bounce:before{content:"";aspect-ratio:1;background:#aaa;border-radius:50%;width:30%;margin:auto auto 0;animation:.5s cubic-bezier(0,800,1,800) infinite loader-bounce-ball}.loader-bounce:after{content:"";aspect-ratio:1/.866025;clip-path:polygon(50% -50%,100% 50%,50% 150%,0 50%);background:var(--jt-cycle);width:100%;margin:0 auto auto;animation:.5s linear infinite loader-bounce-spin,2s infinite loader-jt-cycle}@keyframes loader-bounce-ball{0%,2%{translate:0}98%,to{translate:0 -.2%}}@keyframes loader-bounce-spin{0%,5%{rotate:0deg}95%,to{rotate:-60deg}}.loader-moons{--s:40px;--g:5px;height:calc(2 * (var(--s) + var(--g)));aspect-ratio:1;background:radial-gradient(calc(var(--s) / sqrt(2)) at calc(50% - .1 * var(--s)) calc(50% - .2 * var(--s)), #0000 5%, 60%, #111 98%), linear-gradient(var(--jt-cycle) 0 0) no-repeat #fff;-webkit-mask:radial-gradient(calc(var(--s) / 2), #000 calc(100% - 1px), #0000) 0 0 / 50% 50%;mask:radial-gradient(calc(var(--s) / 2), #000 calc(100% - 1px), #0000) 0 0 / 50% 50%;background-size:50% 50%;animation:1.5s steps(3,end) infinite loader-moons-step,1.5s infinite loader-jt-cycle}@keyframes loader-moons-step{0%,12.5%{background-position:0 0}12.6%,37.5%{background-position:0 0,100% 0}37.6%,62.5%{background-position:0 0,100% 100%}62.6%,87.5%{background-position:0 0,0 100%}87.6%,to{background-position:0 0}}.loader-pages{--s:25px;--g:5px;width:calc(2 * (1.353 * var(--s) + var(--g)));aspect-ratio:1;background:linear-gradient(var(--jt-cycle) 0 0) left / 50% 100% no-repeat, conic-gradient(from -90deg at var(--s) calc(.353 * var(--s)), #fff 135deg, #666 0 270deg, #aaa 0);background-blend-mode:multiply;--_m:linear-gradient(to bottom right, #0000 calc(.25 * var(--s)), #000 0 calc(100% - calc(.25 * var(--s)) - 1.414 * var(--g)), #0000 0), conic-gradient(from -90deg at right var(--g) bottom var(--g), #000 90deg, #0000 0);-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-in;background-size:50% 50%;animation:1.5s infinite loader-pages-sweep,1.5s infinite loader-jt-cycle;-webkit-mask-size:50% 50%;mask-size:50% 50%;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes loader-pages-sweep{0%,12.5%{background-position:0 0,0 0}12.6%,37.5%{background-position:100% 0,0 0}37.6%,62.5%{background-position:100% 100%,0 0}62.6%,87.5%{background-position:0 100%,0 0}87.6%,to{background-position:0 0,0 0}}