.loadingbackground{background-color:#fff;opacity:.8;top:0;position:absolute;height:100%;width:100%;z-index:30;justify-content:center;gap:10px}.loader,.loadingbackground{text-align:center;display:flex;align-items:center;flex-direction:column}.loader{border-top:5px solid var(--primary-color);border-radius:50%;width:210px;height:210px;animation:spinloader 2s linear infinite}.loader img{height:200px;width:200px;animation:spinlogo 2s linear infinite;padding:10%}@keyframes spinloader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinlogo{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.loading-text{text-align:center}.dot-flashing{margin-left:15px;display:inline-block;position:relative;width:5px;height:5px;border-radius:5px;animation:dot-flashing 1s linear infinite alternate;animation-delay:.5s}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-10px;width:5px;height:5px;border-radius:5px;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:10px;width:5px;height:5px;border-radius:5px;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#000}50%,to{background-color:#c9c9c9}}