/* Approved text-free brand animation. Independent of React hydration. */
html::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: #fff url("./clone-loader-mark-v20.gif") center / min(460px, 100vw) auto no-repeat;
  opacity: 1;
  visibility: visible;
  transition: opacity 280ms ease;
  animation: cs-loader-safety 0s 12s forwards;
}
html.cs-loader-done::before {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@keyframes cs-loader-safety {
  to { opacity: 0; visibility: hidden; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) {
  html::before {
    background-image: url("./clone-mark.png");
    background-size: min(180px, 42vw) auto;
    transition: none;
  }
}