/* Sotel loading screen: fixed mark with a softly pulsing halo. */
.splash {
  flex-direction: column;
  font-family: 'Fira Sans', 'Segoe UI', Arial, sans-serif;
}
.splash > .icon-logo {
  display: block;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  margin: 0 0 32px;
  background: url('sotel-mark-light.svg') center / contain no-repeat;
  color: transparent;
  overflow: visible;
  animation: sotel-loading-glow 2.4s ease-in-out infinite;
}
html[data-theme='dark'] .splash > .icon-logo {
  background-image: url('sotel-mark-dark.svg');
}
.splash > .icon-logo > use { visibility: hidden; }
.splash .splash-title { font-size: 24px; line-height: 30px; font-weight: 400; }
@keyframes sotel-loading-glow {
  0%, 100% { filter: drop-shadow(0 0 7px rgba(58, 164, 225, .12)) drop-shadow(0 0 18px rgba(58, 164, 225, .08)); }
  50% { filter: drop-shadow(0 0 13px rgba(58, 164, 225, .42)) drop-shadow(0 0 28px rgba(58, 164, 225, .24)); }
}
@media (prefers-reduced-motion: reduce) {
  .splash > .icon-logo { animation: none; filter: drop-shadow(0 0 16px rgba(58, 164, 225, .22)); }
}