@font-face {
  font-family: "PP Mori Bold";
  src: url(/_next/static/media/PPMori-Bold.b73078ad.ttf);
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  flex-direction: column;
  gap: 30px;
}

.loader-logo-container {
  height: 200px;
}

.loader-logo {
  margin-top: -100px;
  margin-bottom: 100px;
  transform: translate(0, -50%);
  display: flex;
  justify-content: center;
}

.loader-text {
  font-feature-settings: "dlig" on;
  font-family: var(--font-mori);
  font-weight: 700;
  font-size: 18px;
  font-style: normal;
  line-height: 160%; /* 28.8px */
}

.loader-circle {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}