shx-3d-render

snippets/shx-loading-spinner.liquid

@@ -17,6 +17,10 @@
             }
 
             connectedCallback() {
+                resetStyles();
+            }
+
+            resetStyles() {
                 this.innerHTML = `
                     <div class="shx-loading-spinner-container">
                         {% render 'shx-logo', class_name:"shx-loading-spinner-mainIcon shx-loading-spinner-unclickable", width:"200px"%}        
@@ -25,14 +29,16 @@
                 `;
 
                 this.container = this.querySelector('.shx-loading-spinner-container');
-            }
+            }   
+
 
             show() {
                 if(this.hideTimeout) {
                     clearTimeout(this.hideTimeout);
                 }
 
-                this.container.style.display = "";
+                resetStyles();
+
                 setTimeout(() => {
                     this.container.classList.remove('shx-loading-spinner-container-done');
                 }, 0);