/* Tracker loader: same artwork, dimensions and animation as the desktop app. */
.tracker-loading {
  z-index:9999; position:fixed; inset:0; width:100%; height:100%;
  background-color:#000; background-image:url('/assets/split1.png');
  background-repeat:no-repeat; background-attachment:fixed;
  background-position:100% 100%; background-size:cover; overflow:hidden;
  display:flex; align-items:center; justify-content:center; text-align:center;
}
.tracker-loading-main { width:200px; height:200px; position:relative; }
.tracker-loading-mark { left:0; top:0; position:absolute; }
.tracker-loading-mark .tracker-ripple {
  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
  width:200px; height:200px; opacity:0; border-radius:100px;
  background-color:rgb(140,119,81);
  background-image:linear-gradient(90deg,rgb(140,119,81),rgb(140,119,81));
  animation:tracker-ripple 1.8s infinite;
}
.tracker-loading-mark .tracker-ripple:nth-child(3) { animation-delay:.6s; }
.tracker-loading-mark img {
  position:absolute; top:50%; left:50%; transform:translate(50%, 50%);
  object-fit:contain; width:100px; height:100px;
}
@keyframes tracker-ripple {
  0% { opacity:1; transform:scale(0); }
  100% { opacity:0; transform:scale(1); }
}