.loader{box-sizing:border-box;border:3px solid #00a991;border-radius:50%;width:48px;height:48px;margin:20px auto;animation:2s linear infinite animloader;display:block;position:relative}.loader:after{content:"";box-sizing:border-box;background:#00a991;width:6px;height:24px;position:absolute;bottom:-20px;left:46px;transform:rotate(-45deg)}@keyframes animloader{0%{transform:translate(-10px,-10px)}25%{transform:translate(-10px,10px)}50%{transform:translate(10px,10px)}75%{transform:translate(10px,-10px)}to{transform:translate(-10px,-10px)}}.loader-container{align-items:center;gap:15px;display:flex;direction:ltr!important}.dot{background-color:#00a991;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dot.expanded{background-color:#00a991;border-radius:8px;width:40px;height:40px;box-shadow:0 6px 20px #0000004d}.loading-icon{opacity:0;color:#fff;width:20px;height:20px;transition:all .3s;position:absolute;transform:scale(0)}.loading-icon svg{fill:none;stroke:#fff;width:100%;height:100%}.dot.expanded .loading-icon{opacity:1;transition-delay:.1s;transform:scale(1)}.dot:first-child{animation:4s infinite dotAnimation}.dot:nth-child(2){animation:4s .5s infinite dotAnimation}.dot:nth-child(3){animation:4s 1s infinite dotAnimation}.dot:nth-child(4){animation:4s 1.5s infinite dotAnimation}.dot:nth-child(5){animation:4s 2s infinite dotAnimation}@keyframes dotAnimation{0%,90%,to{width:12px;height:12px;box-shadow:none;border-radius:50%}12%,25%{border-radius:8px;width:40px;height:40px;box-shadow:0 6px 20px #0000004d}}.dot .loading-icon{animation:4s infinite loading-iconAnimation}.dot:first-child .loading-icon{animation-delay:0s}.dot:nth-child(2) .loading-icon{animation-delay:.5s}.dot:nth-child(3) .loading-icon{animation-delay:1s}.dot:nth-child(4) .loading-icon{animation-delay:1.5s}.dot:nth-child(5) .loading-icon{animation-delay:2s}@keyframes loading-iconAnimation{0%,8%,30%,to{opacity:0;transform:scale(0)rotate(0)}15%,22%{opacity:1;transform:scale(1)rotate(360deg)}}.loading-text{text-align:center;color:#00a991;letter-spacing:2px;opacity:.8;margin-top:30px;font-size:18px;font-weight:300}