#coloring-generator-beta .container-load{
	    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(254, 237, 217, 0.4);
}
#coloring-generator-beta .loader {
  width: 100px;
  height: 50px;
  border-radius: 100px 100px 0 0;
  position: relative;
  overflow: hidden;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
#coloring-generator-beta .loader:before {
  content: "";
  position: absolute;
  inset: 0 0 -100%;
  background: radial-gradient(farthest-side at top,#0000 35%,#aa47be,#039be6,#26c6dc,#459e44,#f9ec44,#f68524,#fa3536,#0000) bottom/100% 50% no-repeat;
  animation: l8 2s infinite;
}
#coloring-generator-beta .group-action {
    bottom: 0;
    width: 100%;
    justify-content: center;
    background: radial-gradient(black, transparent);
    padding: 5px 0;
}
#coloring-generator-beta .group-action {
    a:hover {
        scale: 1.1;
    }
}
@keyframes l8 {
  0%,20%   {transform: rotate(0)}
  40%,60%  {transform: rotate(.5turn)}
  80%,100% {transform: rotate(1turn)}
}