.bar-loading{position:relative;width:400px;height:8px;display:inline-block;overflow:hidden;background:#ccc;border-radius:100px}.bar-loading:after{content:"";position:absolute;width:200px;height:8px;background:linear-gradient(90deg,#ccc,#65abfb 50%,#ccc);top:0;left:0;box-sizing:border-box;animation:hitZak 2s linear infinite alternate}@keyframes hitZak{0%{left:0;transform:translateX(-50%)}to{left:100%;transform:translateX(-50%)}}.multiple-circle-loading{--multiple-circle1:#3b82f6;--multiple-circle2:rgba(59,130,246,.7);--multiple-circle3:rgba(59,130,246,.5);--multiple-background:rgba(0,0,0,.2);--multiple-background:hsla(0,0%,100%,.8);margin:0 auto;height:10px;width:10px;border-radius:50%;font-size:10px;animation:multipleCircle 1s ease infinite}@keyframes multipleCircle{0%,to{box-shadow:0 -2.6em 0 0 var(--multiple-circle1),1.8em -1.8em 0 0 var(--multiple-background),2.5em 0 0 0 var(--multiple-background),1.75em 1.75em 0 0 var(--multiple-background),0 2.5em 0 0 var(--multiple-background),-1.8em 1.8em 0 0 var(--multiple-background),-2.6em 0 0 0 var(--multiple-circle3),-1.8em -1.8em 0 0 var(--multiple-circle2)}12.5%{box-shadow:0 -2.6em 0 0 var(--multiple-circle2),1.8em -1.8em 0 0 var(--multiple-circle1),2.5em 0 0 0 var(--multiple-background),1.75em 1.75em 0 0 var(--multiple-background),0 2.5em 0 0 var(--multiple-background),-1.8em 1.8em 0 0 var(--multiple-background),-2.6em 0 0 0 var(--multiple-background),-1.8em -1.8em 0 0 var(--multiple-circle3)}25%{box-shadow:0 -2.6em 0 0 var(--multiple-circle3),1.8em -1.8em 0 0 var(--multiple-circle2),2.5em 0 0 0 var(--multiple-circle1),1.75em 1.75em 0 0 var(--multiple-background),0 2.5em 0 0 var(--multiple-background),-1.8em 1.8em 0 0 var(--multiple-background),-2.6em 0 0 0 var(--multiple-background),-1.8em -1.8em 0 0 var(--multiple-background)}37.5%{box-shadow:0 -2.6em 0 0 var(--multiple-background),1.8em -1.8em 0 0 var(--multiple-circle3),2.5em 0 0 0 var(--multiple-circle2),1.75em 1.75em 0 0 var(--multiple-circle1),0 2.5em 0 0 var(--multiple-background),-1.8em 1.8em 0 0 var(--multiple-background),-2.6em 0 0 0 var(--multiple-background),-1.8em -1.8em 0 0 var(--multiple-background)}50%{box-shadow:0 -2.6em 0 0 var(--multiple-background),1.8em -1.8em 0 0 var(--multiple-background),2.5em 0 0 0 var(--multiple-circle3),1.75em 1.75em 0 0 var(--multiple-circle2),0 2.5em 0 0 var(--multiple-circle1),-1.8em 1.8em 0 0 var(--multiple-background),-2.6em 0 0 0 var(--multiple-background),-1.8em -1.8em 0 0 var(--multiple-background)}62.5%{box-shadow:0 -2.6em 0 0 var(--multiple-background),1.8em -1.8em 0 0 var(--multiple-background),2.5em 0 0 0 var(--multiple-background),1.75em 1.75em 0 0 var(--multiple-circle3),0 2.5em 0 0 var(--multiple-circle2),-1.8em 1.8em 0 0 var(--multiple-circle1),-2.6em 0 0 0 var(--multiple-background),-1.8em -1.8em 0 0 var(--multiple-background)}75%{box-shadow:0 -2.6em 0 0 var(--multiple-background),1.8em -1.8em 0 0 var(--multiple-background),2.5em 0 0 0 var(--multiple-background),1.75em 1.75em 0 0 var(--multiple-background),0 2.5em 0 0 var(--multiple-circle3),-1.8em 1.8em 0 0 var(--multiple-circle2),-2.6em 0 0 0 var(--multiple-circle1),-1.8em -1.8em 0 0 var(--multiple-background)}87.5%{box-shadow:0 -2.6em 0 0 var(--multiple-background),1.8em -1.8em 0 0 var(--multiple-background),2.5em 0 0 0 var(--multiple-background),1.75em 1.75em 0 0 var(--multiple-background),0 2.5em 0 0 var(--multiple-background),-1.8em 1.8em 0 0 var(--multiple-circle3),-2.6em 0 0 0 var(--multiple-circle2),-1.8em -1.8em 0 0 var(--multiple-circle1)}}.pulse-loading{--purse-inactive:#e5e7eb;--purse-active:#006ae6;margin:0 auto;width:16px;height:16px;border-radius:50%;animation:shadowPulse 1s linear infinite}@keyframes shadowPulse{0%{background:var(--purse-inactive);box-shadow:-24px 0 var(--purse-inactive),24px 0 var(--purse-inactive)}33%{background:var(--purse-inactive);box-shadow:-24px 0 var(--purse-active),24px 0 var(--purse-inactive)}66%{background:var(--purse-active);box-shadow:-24px 0 var(--purse-inactive),24px 0 var(--purse-inactive)}to{background:var(--purse-inactive);box-shadow:-24px 0 var(--purse-inactive),24px 0 var(--purse-active)}}.spin-loading{height:48px;width:48px;border-radius:50%;border:5px solid #e5e7eb;border-bottom-color:#004890;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}