.splash-screen {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 117px;
  height: 108px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='117' height='108'%3E%3Cg fill='%23CD163F' fill-rule='evenodd'%3E%3Cpath d='M57.074 108c18.562 0 31.234-13.785 36.483-26.458-33.155 10.113-57.989-27.01-42.755-79.366H1.134C-6.803 61.829 28.528 108 57.074 108'/%3E%3Cpath d='M83.872 70.021c19.97 0 30.466-25.858 30.466-43.267C114.338 11.264 106.402 0 92.705 0 72.479 0 62.879 25.346 62.879 41.09c0 16.514 9.088 28.931 20.993 28.931'/%3E%3C/g%3E%3C/svg%3E");
  mask-size: contain;
  background-color: #e7e7e7;
}
.splash-screen--color {
  animation: 2000ms cubic-bezier(0.45, 0, 0.55, 1) 0ms forwards fromGreyToRed,
    4000ms cubic-bezier(0.45, 0, 0.55, 1) 2000ms infinite pulse;
}
@keyframes fromGreyToRed {
  0% {
    background-color: #e7e7e7;
  }
  100% {
    background-color: #cd163f;
  }
}
@keyframes pulse {
  0%,
  100% {
    background-color: #cd163f;
  }
  50% {
    background-color: #edb0d0;
  }
}