#d9afs-bar{

position:fixed;
top:14px;
left:50%;
transform:translateX(-50%);

width:92%;
max-width:540px;

padding:14px 16px;

border-radius:16px;

background:rgba(255,255,255,0.25);
backdrop-filter:blur(14px);

box-shadow:0 15px 50px rgba(0,0,0,0.25);

font-size:14px;
font-weight:600;

z-index:999999;

transition:all .4s ease;

}

.d9afs-hidden{
opacity:0;
pointer-events:none;
transform:translate(-50%,-20px);
}

.d9afs-show{
opacity:1;
transform:translate(-50%,0);
}

.d9afs-success{
box-shadow:0 0 25px rgba(255,165,0,0.8);
}

.d9afs-text{
margin-bottom:10px;
}

.d9afs-progress{

width:100%;
height:8px;

background:rgba(0,0,0,0.12);

border-radius:20px;

overflow:hidden;

}

#d9afs-progress{

height:100%;
width:0%;

background:linear-gradient(
90deg,
#ff7a18,
#ffb347,
#ff7a18
);

background-size:200% 100%;

animation:d9move 2s linear infinite;

transition:width .6s ease;

}

@keyframes d9move{

0%{background-position:0%}
100%{background-position:200%}

}

@media(max-width:768px){

#d9afs-bar{
top:auto;
bottom:14px;
}

}