@keyframes blinkingTextLoader {
    0%{opacity: 1;}
    100%{opacity: 0.3;}
  }

.textloader{
    animation-name: blinkingTextLoader;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

@keyframes spin {
    0% { 
      transform: rotate(0deg) scale(0.75); 
    }
    100% { 
      transform: rotate(360deg) scale(0.75); 
    }
  }

  .loader-spinning {
    border: 2px solid var(--spark-blue);
    border-top: 2px solid var(--dark-solid);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    margin-right: 5px;
  }

  .loader-spinning--big {
    width: 50px;
    height: 50px;
  }

  .loader-container{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
  }

  .calendar-loader{
      position: absolute;
      width: fit-content;
      top: 0;
      right: 20px;
      filter: contrast(2);
      opacity: 0;
      display: none;
      transition-delay: 2s;
  }

  .calendar-loader--active{
      opacity: 1;
      display: block;
      transition-delay: 2s;
  }

  .calendar-loading-blur{
      filter: blur(5px);
      transition-delay: 0.5s;
  }