/* Keep colors in sync with src/core/constants/splash-screen.ts */
:root,
html[data-theme='light'] {
  --initial-splash-bg: #f8fafc;
}

html[data-theme='dark'] {
  --initial-splash-bg: #15171d;
}

html,
body {
  margin: 0;
  background: var(--initial-splash-bg);
}

.splash-screen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--initial-splash-bg);
}

.splash-screen__lottie,
.splash-screen__lottie svg {
  width: 192px;
  height: 192px;
}