@import '_content/Hubgnome.Shared/Hubgnome.Shared.0qher83n53.bundle.scp.css';

/* _content/Hubgnome.Web/Components/App.razor.rz.scp.css */
#preload[b-qry0lovenw] {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   background-color: #f8f9fa;
   z-index: 1000;
   transition: opacity 0.3s ease-out;
}

.spinner[b-qry0lovenw] {
   width: 40px;
   height: 40px;
   margin: 20px auto;
   border: 4px solid #f3f3f3;
   border-top: 4px solid #3498db;
   border-radius: 50%;
   animation: spin-b-qry0lovenw 1s linear infinite;
}

@keyframes spin-b-qry0lovenw {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

.loading-text[b-qry0lovenw] {
   margin-top: 10px;
   font-size: 1rem;
   color: #333;
}

   .loading-text[b-qry0lovenw]::after {  
     content: 'Loading [' var(--blazor-load-percentage-text, '0%') ']';  
   }  

   :root[style*="--blazor-load-percentage: 100"] .loading-text[b-qry0lovenw]::after {  
     content: 'Initializing...';  
   }