body tf-splash-screen {
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 100;
    visibility: visible;
    opacity: 1;
    transition: 'opacity 1s';
  }
  
  .app-splash-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  /* Secretsy Loader HTML: <span class="loader"></span> */
  .loader {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFB7E6 #FFB7E6 transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
  }
  .loader::after,
  .loader::before {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent #9E1F63 #9E1F63;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
  }
  .loader::before {
    width: 44px;
    height: 44px;
    border-color: #FFB7E6 #FFB7E6 transparent transparent;
    animation: rotation 1.5s linear infinite;
  }
      
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 
  @keyframes rotationBack {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }

  /* Fanatyx Loader HTML: <div class="loader-bar"></div> */
.loader-bar {
  height: 4px;
  width: 130px;
  border-radius: 8px;
  --c:no-repeat linear-gradient(#F05632 0 0);
  background: var(--c),var(--c),#d7b8fc;
  background-size: 60% 100%;
  animation: l16 3s infinite;
}
@keyframes l16 {
  0%   {background-position:-150% 0,-150% 0}
  66%  {background-position: 250% 0,-150% 0}
  100% {background-position: 250% 0, 250% 0}
}
      

  body:not(.tf-splash-screen-hidden) {
    overflow: hidden;
}

body.tf-splash-screen-hidden tf-splash-screen {
    visibility: hidden;
    opacity: 0;
}