/* Creative */

    html:has(> body.wdt-circle-loader) { background-color: #1a1a1a; }

    body.wdt-circle-loader .wrapper { opacity: 0.5; overflow: hidden; height: 100vh; 
        -webkit-transition: -webkit-transform 2s cubic-bezier(0.86, 0, 0.07, 1), -webkit-clip-path 1.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 2s cubic-bezier(0.86, 0, 0.07, 1); 
        -moz-transition: -moz-transform 2s cubic-bezier(0.86, 0, 0.07, 1), -moz-clip-path 1.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 2s cubic-bezier(0.86, 0, 0.07, 1);
        -ms-transition: -ms-transform 2s cubic-bezier(0.86, 0, 0.07, 1), -ms-clip-path 1.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 2s cubic-bezier(0.86, 0, 0.07, 1); 
        transition: transform 2s cubic-bezier(0.86, 0, 0.07, 1), clip-path 1.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 2s cubic-bezier(0.86, 0, 0.07, 1); 
        transition-delay: 200ms; transform: perspective(1000px); /* translateZ(-180px) */ 
        -webkit-clip-path: circle(0% at center); -moz-clip-path: circle(0% at center); -ms-clip-path: circle(0% at center); clip-path: circle(0% at center); 
    }

    body.wdt-circle-loader.wdt-circle-loader-done .wrapper { visibility: visible; opacity: 1; 
        transform: perspective(1000px); -webkit-clip-path: circle(75% at center); -moz-clip-path: circle(75% at center); 
        -ms-clip-path: circle(75% at center); clip-path: circle(75% at center); 
    }

    body.wdt-circle-loader .techai-sidenav-container .techai-sidenav-content { opacity: 0; 
        transition: opacity 300ms cubic-bezier(0.86, 0, 0.07, 1); transition-delay: 1.4s; }
    body.wdt-circle-loader.wdt-circle-loader-done .techai-sidenav-container .techai-sidenav-content { opacity: 1; }