.nload{--nload-color: currentColor;position:relative;display:inline-block;flex:none;width:1em;height:1em;font-size:40px;color:inherit;box-sizing:border-box}.nload:before,.nload:after{box-sizing:border-box}.nload-spinner{border:.12em solid color-mix(in srgb,var(--nload-color) 20%,transparent);border-top-color:var(--nload-color);border-radius:50%;animation:nload-spin .8s linear infinite}.nload-dual{border:.1em solid transparent;border-top-color:var(--nload-color);border-bottom-color:var(--nload-color);border-radius:50%;animation:nload-spin 1s ease-in-out infinite}.nload-conic{border-radius:50%;background:conic-gradient(transparent 10%,var(--nload-color));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .13em),#000 calc(100% - .12em));mask:radial-gradient(farthest-side,transparent calc(100% - .13em),#000 calc(100% - .12em));animation:nload-spin 1s linear infinite}.nload-dots{width:1.6em;height:.4em;background:radial-gradient(circle closest-side,var(--nload-color) 90%,transparent) 0 50% / .4em .4em no-repeat,radial-gradient(circle closest-side,var(--nload-color) 90%,transparent) 50% 50% / .4em .4em no-repeat,radial-gradient(circle closest-side,var(--nload-color) 90%,transparent) 100% 50% / .4em .4em no-repeat;animation:nload-dots 1s infinite linear}.nload-typing{width:1.3em;height:.3em;background:radial-gradient(circle closest-side,var(--nload-color) 90%,transparent) 0 50% / .3em .3em no-repeat,radial-gradient(circle closest-side,var(--nload-color) 90%,transparent) 50% 50% / .3em .3em no-repeat,radial-gradient(circle closest-side,var(--nload-color) 90%,transparent) 100% 50% / .3em .3em no-repeat;animation:nload-typing 1.2s infinite ease-in-out}.nload-bars{width:1.1em;background:linear-gradient(var(--nload-color) 0 0) 0 50% / .22em 100% no-repeat,linear-gradient(var(--nload-color) 0 0) 50% 50% / .22em 100% no-repeat,linear-gradient(var(--nload-color) 0 0) 100% 50% / .22em 100% no-repeat;animation:nload-bars 1s infinite ease-in-out}.nload-pulse{border-radius:50%;background:var(--nload-color);animation:nload-pulse 1.2s infinite ease-out}.nload-ripple:before,.nload-ripple:after{content:"";position:absolute;inset:0;border:.08em solid var(--nload-color);border-radius:50%;animation:nload-ripple 1.4s infinite cubic-bezier(.2,.6,.4,1)}.nload-ripple:after{animation-delay:.7s}.nload-orbit{border-radius:50%;border:.06em dashed color-mix(in srgb,var(--nload-color) 35%,transparent);animation:nload-spin 1.2s linear infinite}.nload-orbit:before{content:"";position:absolute;top:-.12em;left:50%;width:.22em;height:.22em;margin-left:-.11em;border-radius:50%;background:var(--nload-color)}.nload-flip{background:var(--nload-color);border-radius:.08em;animation:nload-flip 1.2s infinite ease-in-out}.nload-hourglass{border:.08em solid var(--nload-color);border-radius:.1em;background:conic-gradient(from -45deg at 50% 50%,var(--nload-color) 0 25%,transparent 0 50%,var(--nload-color) 0 75%,transparent 0) center / 70% 90% no-repeat;animation:nload-hourglass 1.6s infinite ease-in-out}.nload-progress{width:100%;max-width:6em;height:.15em;border-radius:1em;background:linear-gradient(var(--nload-color) 0 0) -100% 0 / 40% 100% no-repeat,color-mix(in srgb,var(--nload-color) 18%,transparent);animation:nload-progress 1.3s infinite ease-in-out}.nload-skeleton{width:5em;height:.35em;border-radius:.2em;background:linear-gradient(90deg,color-mix(in srgb,var(--nload-color) 12%,transparent) 30%,color-mix(in srgb,var(--nload-color) 28%,transparent),color-mix(in srgb,var(--nload-color) 12%,transparent) 70%) 0 0 / 250% 100%;animation:nload-shimmer 1.4s infinite linear}.nload-clock{border:.07em solid var(--nload-color);border-radius:50%}.nload-clock:before,.nload-clock:after{content:"";position:absolute;left:50%;bottom:50%;width:.07em;margin-left:-.035em;border-radius:1em;background:var(--nload-color);transform-origin:50% 100%}.nload-clock:before{height:.36em;animation:nload-spin 1s linear infinite}.nload-clock:after{height:.25em;animation:nload-spin 12s linear infinite}.nload-heart{width:.7em;height:.7em;margin:.15em;background:var(--nload-color);transform:rotate(45deg);animation:nload-heart 1s infinite}.nload-heart:before,.nload-heart:after{content:"";position:absolute;width:.7em;height:.7em;border-radius:50%;background:var(--nload-color)}.nload-heart:before{left:-.35em}.nload-heart:after{top:-.35em}.nload-wave{width:1.6em;height:.6em;background:linear-gradient(var(--nload-color) 0 0) 0 50% / .2em .2em no-repeat,linear-gradient(var(--nload-color) 0 0) 33% 50% / .2em .2em no-repeat,linear-gradient(var(--nload-color) 0 0) 66% 50% / .2em .2em no-repeat,linear-gradient(var(--nload-color) 0 0) 100% 50% / .2em .2em no-repeat;animation:nload-wave 1s infinite linear}.nload-dash{border-radius:50%;border:.1em solid var(--nload-color);animation:nload-dash 1.2s infinite linear alternate,nload-spin 2.4s infinite linear}.nload-battery{width:1.5em;height:.8em;border:.07em solid var(--nload-color);border-radius:.12em;background:linear-gradient(var(--nload-color) 0 0) .08em 50% / 0 calc(100% - .16em) no-repeat;animation:nload-battery 1.8s infinite steps(4)}.nload-battery:after{content:"";position:absolute;right:-.16em;top:50%;width:.08em;height:.3em;margin-top:-.15em;border-radius:0 .05em .05em 0;background:var(--nload-color)}.nload-grid{background:radial-gradient(circle closest-side,var(--nload-color) 88%,transparent) 0 0 / 33.33% 33.33%;animation:nload-grid 1.2s infinite ease-in-out}.nload-bounce{width:.5em;height:.5em;margin:.25em;border-radius:50%;background:var(--nload-color);animation:nload-bounce .6s infinite alternate cubic-bezier(.5,0,.75,0)}@keyframes nload-spin{to{transform:rotate(360deg)}}@keyframes nload-dots{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}@keyframes nload-typing{0%,to{opacity:.35}50%{opacity:1}}@keyframes nload-bars{0%,to{background-size:.22em 40%,.22em 100%,.22em 40%}50%{background-size:.22em 100%,.22em 40%,.22em 100%}}@keyframes nload-pulse{0%{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0}}@keyframes nload-ripple{0%{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0}}@keyframes nload-flip{0%{transform:perspective(3em) rotateX(0) rotateY(0)}50%{transform:perspective(3em) rotateX(-180deg) rotateY(0)}to{transform:perspective(3em) rotateX(-180deg) rotateY(-180deg)}}@keyframes nload-hourglass{0%,40%{transform:rotate(0)}60%,to{transform:rotate(180deg)}}@keyframes nload-progress{0%{background-position:-100% 0,0 0}to{background-position:200% 0,0 0}}@keyframes nload-shimmer{to{background-position:-150% 0}}@keyframes nload-heart{0%,to{transform:rotate(45deg) scale(.85)}30%{transform:rotate(45deg) scale(1)}60%{transform:rotate(45deg) scale(.9)}}@keyframes nload-wave{0%,to{background-position:0 50%,33% 50%,66% 50%,100% 50%}25%{background-position:0 0,33% 50%,66% 50%,100% 50%}50%{background-position:0 50%,33% 0,66% 50%,100% 50%}75%{background-position:0 50%,33% 50%,66% 0,100% 50%}}@keyframes nload-dash{0%{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}25%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}}@keyframes nload-battery{0%{background-size:0 calc(100% - .16em)}to{background-size:calc(100% - .16em) calc(100% - .16em)}}@keyframes nload-grid{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes nload-bounce{to{transform:translateY(-.5em)}}@media(prefers-reduced-motion:reduce){.nload,.nload:before,.nload:after{animation-duration:2.4s!important}}