.c-loader{
  display: flex;
  gap: 4px;

}

.c-loader__dot{
    height: 4px;
    width: 4px;
    flex-shrink: 0;
    background-color: #0082FA;
    border-radius: 50%;
    display: inline-block;
    animation: c-loader-bounce 1.5s infinite;
}

.c-loader__dot:nth-child(2){
    animation-delay: .2s;
    background-color: #FA0064;
}
.c-loader__dot:nth-child(3){
    animation-delay: .4s;
    background-color: #1D1C1C;
}

.c-loader-backdrop {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.6);
  z-index: 9999;
}

.c-loader-global{
  display: flex;
  gap: 7px;

}

.c-loader-global__dot{
    height: 10px;
    width: 10px;
    flex-shrink: 0;
    background-color: #0082FA;
    border-radius: 50%;
    display: inline-block;
    animation: c-loader-bounce 1.5s infinite;
}

.c-loader-global__dot:nth-child(2){
    animation-delay: .2s;
    background-color: #FA0064;
}
.c-loader-global__dot:nth-child(3){
    animation-delay: .4s;
    background-color: #1D1C1C;
}
 @keyframes c-loader-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-.6em); }
  }