.lds-spinner,.lds-spinner div,.lds-spinner div:after{box-sizing:border-box}.lds-spinner{color:#fff;width:100px;height:100px;display:inline-block;position:relative}.lds-spinner div{transform-origin:40px 40px;animation:1.2s linear infinite lds-spinner}.lds-spinner div:after{content:" ";background:#fff;border-radius:20%;width:6.4px;height:17.6px;display:block;position:absolute;top:3.2px;left:36.8px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}
.loader{aspect-ratio:1;border:45px solid #ddd;border-radius:50%;width:150px;position:relative;transform:rotate(45deg)}.loader:before{content:"";border:25px solid #dc2626;border-radius:50%;animation:2s linear infinite l18;position:absolute;inset:-25px}@keyframes l18{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.loader2{background:#ddd linear-gradient(#d00606 0 0) 0/0% no-repeat;width:200px;height:25px;animation:2s steps(6,end) infinite l4;-webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) 0/20%}@keyframes l4{to{background-size:120%}}