#root .splash {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}
#root .splash-mark {
  position: relative;
  width: 60px;
  height: 60px;
}
#root .splash-mark img,
#root .splash-mark svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.67);
  transition: opacity 200ms ease-out;
}
#root .splash-mark img {
  opacity: 0;
}
#root .splash-mark img.loaded {
  opacity: 1;
}
#root .splash-mark img.loaded ~ svg {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  #root .splash-mark img,
  #root .splash-mark svg {
    transition: none;
  }
}