body {
  height: 100vh;
  background-color: #fdfdfd;
}

erp-main {
  width: 100%;
}

.container {
  position: relative;
  width: 100%;
  height: 100vh;
}

.app-loading {
  display: flex;
  justify-content: center;
  place-items: center;
  background: #fdfdfd;
  height: 100vh;
}

.colorful {
  width: 50vh;
  height: 50vh;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #3bff81 94%, #0000), radial-gradient(farthest-side, #ffd82e 94%, #0000),
    radial-gradient(farthest-side, #ff6761 94%, #0000), radial-gradient(farthest-side, #474bff 94%, #0000), #3bff81;
  background-size: 105% 105%;
  background-repeat: no-repeat;
  animation: colorful-7utelwhg 2s infinite;
}

@keyframes colorful-7utelwhg {
  0% {
    background-position: 50% -88vw, -50vh 50%, 50% calc(100% + 88vh), calc(100% + 88vw) 50%;
  }

  20%,
  25% {
    background-position: 50% -88vw, -88vh 50%, 50% calc(100% + 88vw), 50% 50%;
  }

  45%,
  50% {
    background-position: 50% -88vw, -88vh 50%, 50% 50%, 50% 50%;
  }

  75%,
  75% {
    background-position: 50% -88vw, 50% 50%, 50% 50%, 50% 50%;
  }

  95%,
  100% {
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%;
  }
}