.loader{flex-direction:column;align-items:center;gap:16px;display:flex}.loader-circle{border:12px solid #ff9800;border-top-color:#0000;border-radius:50%;width:70px;height:70px;animation:1s linear infinite spinColor}.loader-bar{background:#4dd0e1;border-radius:2px;width:50px;height:14px}@keyframes spinColor{0%{border-color:#0000 #ff9800 #ff9800;transform:rotate(0)}33%{border-color:#0000 #9b7edc #9b7edc}66%{border-color:#0000 #deef5a #deef5a}to{border-color:#0000 #ff9800 #ff9800;transform:rotate(360deg)}}.animate-draw-line{width:0;animation:.6s ease-out .3s forwards drawLine}@keyframes drawLine{0%{opacity:0;width:0}to{opacity:1;width:48px}}