@charset "UTF-8";

.main-wrap {
  width: 100vw;
  height: 200vh;
  transition: 1s ease;
  background-color: #006fbb;
  position: fixed;
  top: 0;
  z-index: 9999;
  overflow: hidden;
}

.main-wrap.active {
  top: -200vh;
}

.loader-main img {
  max-width: 350px;
}

.loader-main {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

.loader-main .center-wrap {
  max-height: 300px;
  /* object-fit: contain; */
  display: flex;
  align-items: center;
  overflow: hidden;
}

.entry-slide {
  position: relative;
  bottom: -300px;
  transition: 2s ease;
}

.entry-slide.active {
  bottom: 0;
  animation: rotate 0.5s ease infinite;
}

.entry-slide.active.out {
  bottom: 300px;
  object-fit: contain;
}