.starshine {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.shine {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0iZ29sZCIgc3Ryb2tlPSJvcmFuZ2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgIDxsaW5lIHgxPSI1MCIgeTE9IjEwIiB4Mj0iNTAiIHkyPSIzMCIvPgogICAgPGxpbmUgeDE9IjUwIiB5MT0iNzAiIHgyPSI1MCIgeTI9IjkwIi8+CiAgICA8bGluZSB4MT0iMTAiIHkxPSI1MCIgeDI9IjMwIiB5Mj0iNTAiLz4KICAgIDxsaW5lIHgxPSI3MCIgeTE9IjUwIiB4Mj0iOTAiIHkyPSI1MCIvPgogICAgPGxpbmUgeDE9IjMwIiB5MT0iMzAiIHgyPSI0MCIgeTI9IjQwIi8+CiAgICA8bGluZSB4MT0iNjAiIHkxPSI2MCIgeDI9IjcwIiB5Mj0iNzAiLz4KICAgIDxsaW5lIHgxPSIzMCIgeTE9IjcwIiB4Mj0iNDAiIHkyPSI2MCIvPgogICAgPGxpbmUgeDE9IjYwIiB5MT0iNDAiIHgyPSI3MCIgeTI9IjMwIi8+CiAgPC9nPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-position:center;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 2;
  color: tansparent;
  -moz-opacity: 0.0;
  opacity: 0.0;
  animation: glitter 6s linear 0s infinite normal;
  -webkit-animation: glitter 6s linear 0s infinite normal;
  -moz-animation: glitter 8s linear 0s infinite normal;
  -ms-animation: glitter 8s linear 0s infinite normal;
  -o-animation: glitter 8s linear 0s infinite normal;
}

.shine.small {
  width: 20px;
  height: 20px;
}

.shine.medium {
  width: 30px;
  height: 30px;
}

.shine.large {
  width: 50px;
  height: 50px;
}

@keyframes glitter {
  0% {
    transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
  25% {
    transform: scale(1) rotate(360deg);
    opacity: 1;
  }
  50% {
    transform: scale(0.3) rotate(720deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
}

.rec-ai-loading {
  animation: pulsate-blur 2s infinite ease-in-out;
}

@keyframes pulsate-blur {
  0%, 100% {
    filter: blur(1px);
  }
  50% {
    filter: blur(4px);
  }
}