Inline configurator loading message

inline-configuartor-loading-message.css

/* Code For Loading Screen */
@keyframes configurator-load {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1; 
  } 
  100% {
    opacity: 0; 
  } 
}
.mkl-configurator-inline.is-shortcode.configure-product:empty {
    height: 60vh;
}
.mkl-configurator-inline.is-shortcode.configure-product:empty::after {
    content: attr(data-loading);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-animation: configurator-load 1.0s infinite ease-in-out;
    animation: configurator-load 1.0s infinite ease-in-out; 
}