πŸ˜€ ZeroImpact Code CSS css

                  :root{
	--pre-delay:  2.2s;
}



.pageloader.dimissloader.qita-zIndex{
	z-index: -1;
}
.pageloader.dimissloader .spinner {
	/*visibility:visible;*/
    opacity: 0; 
    transition: .4s opacity  var(--pre-delay)/* 1.7s;*/
}

.pageloader.dimissloader .spinner svg{
    width: 100%;
    display: block;
}

.pageloader.dimissloader:before {
	transition: 1s transform var(--pre-delay);
    transform: translateY(-100%);
	z-index: -1;
}

 .pageloader.dimissloader:after {
	transition: 1s transform var(--pre-delay);
   transform: translateY(100%);
	 z-index: -1;
}

svg [class^="svg-elem-"] {
    fill: transparent;
    -webkit-transition: fill .7s cubic-bezier(.47, 0, .745, .715) ;
    transition: fill .7s cubic-bezier(.47, 0, .745, .715) ;
}

.dimissloader svg [class^="svg-elem-"] {
      fill: rgb(255,255,255); 
}


body.salida .pageloader{
	z-index: 1500;
}
body.salida .pageloader:before {
	transform: translateY(0);
	transition: transform 0.4s;
    transition-delay: 0s;
	z-index: 1500;
} 
body.salida .pageloader:after {
	transform: translateY(0);
	transition: transform 0.4s;
    transition-delay: 0s;
	z-index: 1500;
}

html.ng-scope .pageloader{
   display:none;
}