#boot-screen {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: grid;
  place-items: center;
  background-color: #121212;
  transition: opacity 320ms ease, visibility 320ms ease;
}

html[data-theme='light'] #boot-screen { background-color: #fef7ff; }
html[data-theme='oled'] #boot-screen { background-color: #000; }
#boot-screen.is-done { opacity: 0; visibility: hidden; }

.boot-mark {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid rgba(95, 133, 117, 0.25);
  border-top-color: #5f8575;
  animation: boot-spin 720ms linear infinite;
}

@keyframes boot-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .boot-mark { animation: none; border-top-color: rgba(95, 133, 117, 0.25); }
}