#preload-splash {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f4ef;
  color: var(--splash-color, #425f78);
  opacity: 1;
  transition: opacity 420ms ease, transform 420ms ease;
  font-family: "Barlow", "Belleza", system-ui, sans-serif;
}

#preload-splash.preload-splash--hide {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
}

.preload-splash__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  padding: 24px;
}

.preload-splash__logo {
  width: 160px;
  height: auto;
  color: currentColor;
}

.preload-splash__logo [style*="fill"],
.preload-splash__logo [style*="stroke"],
.preload-splash__logo .st0 {
  fill: currentColor !important;
  stroke: currentColor !important;
  stroke-width: 0 !important;
}

.preload-splash__text {
  font-size: var(--splash-font-size, 40px);
  font-weight: 300;
  white-space: pre-line;
  max-width: 800px;
}

@media (prefers-reduced-motion: reduce) {
  #preload-splash {
    transition: none;
  }
}