@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.paperContainer {
  padding: 24px 32px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.splashContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.3s ease-out;
}

.logoContainer {
  animation-name: pulse;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  width: 322px;
  height: 80px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.logo {
  display: none;
  max-width: 100%;
  max-height: 100%;
}

.loadingText {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  text-align: center;
}

html:not(.dark, .light) {
  @media (prefers-color-scheme: light) {
    body {
      background-color: #f1f2f4;
      color: #192b3f;
    }

    .paperContainer {
      background-color: #fff;
      color: #192b3f;
    }

    .logo.light {
      display: block;
    }
  }

  @media (prefers-color-scheme: dark) {
    body {
      background-color: hsl(212, 43%, 15%);
      color: #fff;
    }

    .paperContainer {
      background-color: hsl(212, 43%, 15%);
      color: #fff;
    }

    .logo.dark {
      display: block;
    }
  }
}