.loader{display:flex;justify-content:center;align-items:center;gap:20%}.loader .dot{flex-basis:20%;aspect-ratio:1;border-radius:50%;position:relative}.loader .dot.red{background-color:#ff2b54}.loader .dot.white{background-color:#fff}.loader .dot-1{animation:bounce1 1.3s cubic-bezier(.61,.3,.58,.86) infinite}.loader .dot-2{animation:bounce2 1.3s cubic-bezier(.61,.3,.58,.86) infinite;animation-delay:.1s}.loader .dot-3{animation:bounce3 1.3s cubic-bezier(.61,.3,.58,.86) infinite;animation-delay:.2s}@keyframes bounce1{0%{transform:translateY(0)}15%{transform:translateY(-90%)}35%{transform:translateY(70%)}49%{transform:translateY(-15%)}61%{transform:translateY(10%)}71%{transform:translateY(0)}to{transform:translateY(5%)}}@keyframes bounce2{0%{transform:translateY(0)}20%{transform:translateY(-90%)}39%{transform:translateY(70%)}53%{transform:translateY(-15%)}65%{transform:translateY(10%)}75%{transform:translateY(0)}to{transform:translateY(5%)}}@keyframes bounce3{0%{transform:translateY(0)}25%{transform:translateY(-90%)}44%{transform:translateY(70%)}57%{transform:translateY(-15%)}69%{transform:translateY(10%)}79%{transform:translateY(0)}to{transform:translateY(5%)}}.analysing-container{position:relative;overflow:hidden}.analysing-line{position:absolute;top:0;left:0;width:100%;height:4px;background-color:rgba(0,161,255,.8);box-shadow:0 0 24px 12px rgba(0,161,255,.5);animation:scan 2s linear infinite}@keyframes scan{0%{transform:translateY(0)}10%{transform:translateY(0)}50%{transform:translateY(118px)}60%{transform:translateY(118px)}to{transform:translateY(0)}}