#loader {
position:fixed;
overflow:hidden;
top:0;
left:0;
right:0;
width:100%;
height:100vh;
background:#000000;
z-index:999999999999;
animation: swipe-left .7s cubic-bezier(.8,.2,.1,1);
}
#loader-two {
position:fixed;
overflow:hidden;
top:0;
left:0;
right:0;
width:100%;
height:0svh;
background:#000000;
z-index:9999999999999;
}
body.fade #loader{
height:0svh;
animation: swipe-right .7s cubic-bezier(.8,.2,.1,1);
}
@keyframes swipe-left{
0% {
height:0svh;
opacity:0;
}
10% {
height:0vh;
opacity:1;
}
90% {
height:100vh;
opacity:1;
}
100% {
height:100vh;
opacity:1;
}
}
@keyframes swipe-right{
0% {
height:100vh;
opacity:1;
}
10% {
height:100vh;
opacity:1;
}
90% {
top:100svh;
height:0vh;
opacity:1;
}
100% {
top:100svh;
height:0vh;
opacity:1;
display:none;
}
}