:root {
  color-scheme: light;
  background: #fbfbf8;
  --primary-color: #171717;
  --secondary-color: #0a0a0b;
  --tertiary-color: #111113;
  --detail-color: #171717;
  --button-color: #171717;
}

html,
body,
#root {
  min-height: 100%;
  margin: 0;
}

html[data-creator-theme-state="booting"],
html[data-creator-theme-state="booting"] body,
html[data-creator-theme-state="booting"] #root {
  background: #fbfbf8 !important;
}

html[data-creator-theme-mode="dark"][data-creator-theme-state="booting"],
html[data-creator-theme-mode="dark"][data-creator-theme-state="booting"] body,
html[data-creator-theme-mode="dark"][data-creator-theme-state="booting"] #root {
  background: #050506 !important;
}

html[data-creator-theme-state="booting"] *,
html[data-creator-theme-state="booting"] *::before,
html[data-creator-theme-state="booting"] *::after {
  animation: none !important;
  transition: none !important;
}