feed-me-splash-screen {
  position: absolute;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
  background: white;
}

feed-me-splash-screen.show {
  display: flex;
}

feed-me-splash-screen img {
  max-width: 200px;
}


feed-me-splash-screen span {
  font-size: 24px;
  font-weight: 500;
  margin-top: 20px;
}

feed-me-splash-screen .left-top,
feed-me-splash-screen .left-bottom,
feed-me-splash-screen .right-top,
feed-me-splash-screen .right-bottom {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 100;
}

feed-me-splash-screen .left-top {
  background-image: url(/assets/images/svg/splash-screen/left-top.png);
  background-position: left top;
  max-width: 50vw;
  max-height: 40vh;
  top: 0;
  left: 0;
}

feed-me-splash-screen .left-bottom {
  background-image: url(/assets/images/svg/splash-screen/left-bottom.png);
  background-position: left bottom;
  max-width: 70vw;
  max-height: 60vh;
  bottom: 0;
  left: 0;
}

feed-me-splash-screen .right-top {
  background-image: url(/assets/images/svg/splash-screen/right-top.png);
  background-position: right top;
  max-width: 50vw;
  max-height: 40vh;
  top: 0;
  right: 0;
}

feed-me-splash-screen .right-bottom {
  background-image: url(/assets/images/svg/splash-screen/right-bottom.png);
  background-position: right bottom;
  max-width: 40vw;
  max-height: 60vh;
  bottom: 0;
  right: 0;
}