/* Thought Flare site loader: a ring of dots that spins with a fading tail.
   White background, hides when the page has loaded. One shared file for every page. */

#tfl{
  position:fixed;inset:0;z-index:10000;
  display:flex;align-items:center;justify-content:center;
  background:#FFFFFF;
  pointer-events:auto;cursor:progress;
  transition:opacity .3s ease,visibility .3s ease;
}
#tfl.tfl-out{opacity:0;visibility:hidden;pointer-events:none;}

#tfl .tfl-dots{
  width:clamp(72px,12vw,110px);height:clamp(72px,12vw,110px);
  display:block;
  animation:tflSpin 1s linear infinite;
}
@keyframes tflSpin{to{transform:rotate(360deg);}}

/* the old full-screen preloader is replaced by this loader */
#preloader{display:none !important;}

@media (prefers-reduced-motion: reduce){
  #tfl .tfl-dots{animation-duration:2.4s;}
}