.loader{height:50px;width:50px;aspect-ratio:1;--c:linear-gradient(#000 0 0);--m:radial-gradient(farthest-side,#000 92%,#0000);background:var(--m) center /12px 12px,var(--c) left 50% top -20px/8px 16px,var(--c) left 50% bottom -20px/8px 16px,var(--c) top 50% left -20px/16px 8px,var(--c) top 50% right -20px/16px 8px;background-repeat:no-repeat;animation:l18-1 1.5s infinite,l18-2 1.5s infinite}.loader-page{display:flex;height:100vh;width:100%;justify-content:center;align-items:center}.loader-secondary{display:flex;justify-content:center;align-items:center}.loader-item{height:1rem;width:100%;display:flex;justify-content:center;align-items:center;margin-top:2.5rem}@keyframes l18-1{30%,70%{background-position:center,left 50% top calc(50% - 8px),left 50% bottom calc(50% - 8px),top 50% left calc(50% - 8px),top 50% right calc(50% - 8px)}}@keyframes l18-2{0%,40%{transform:rotate(0)}60%,100%{transform:rotate(90deg)}}.loader-two{font-weight:bold;font-family:sans-serif;font-size:30px;animation:l1 1s linear infinite alternate}.loader-two:before{content:"Loading..."}@keyframes l1{to{opacity:0}}.loader-three{width:fit-content;font-weight:bold;font-family:monospace;white-space:pre;font-size:30px}.loader-three:before{content:"Loading...";animation:l34 1s infinite alternate}.error-loader{display:flex;justify-content:center;align-items:center}@keyframes l34{0%,15%,75%,100%{content:"Loading..."}20%{content:"Loading..."}25%{content:"Lo ding..."}30%{content:"Load ng..."}35%{content:" oading..."}40%{content:"L ading..."}45%{content:"Loadin ..."}50%{content:"Loa ing..."}55%{content:"Loading  ."}60%{content:" oa ing..."}65%{content:"L ading..."}70%{content:"Load n ..."}}.loader-four{width:fit-content;font-weight:bold;font-family:monospace;white-space:pre;font-size:30px;margin-left:0.5rem}.loader-four:before{content:"Error...";animation:error 1s infinite alternate}@keyframes error{0%,15%,75%,100%{content:"Error..."}20%{content:"Error..."}25%{content:"Er or..."}30%{content:"Erro ..."}35%{content:" rr r..."}40%{content:"E ror .."}45%{content:"Erro ..."}50%{content:"Error. ."}55%{content:"E ror..."}60%{content:"Er or.. "}65%{content:"Err r..."}70%{content:"E ror. ."}}