:root,
[data-theme='dark'] {
  --io-splash-bg-color: rgb(21, 21, 33, 0.75);
  --io-overlay-bg-color: #151521;
}

[data-theme='light'] {
  --io-splash-bg-color: rgb(255, 255, 255, 0.75);
  --io-overlay-bg-color: #fafafa;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--kt-body-bg, #1d1d1d);
}

body.page-loading,
body.page-empty-overlay {
  overflow: hidden;
}

.splash-screen {
  display: none;
  background-color: var(--io-splash-bg-color);
}

.page-empty-overlay:before {
  content: '';
  background-color: var(--io-overlay-bg-color);
}

.page-loading .splash-screen,
.page-empty-overlay:before {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
}

.page-loading .splash-screen {
  position: fixed;
  left: 0;
  top: 0;
}