#bistNotifyWrap{

position:fixed;

top:20px;

right:20px;

z-index:999999;

display:flex;

flex-direction:column;

gap:15px;

width:340px;

}

.bist-notify{

background:#081120;

border-radius:18px;

padding:18px;

color:#fff;

box-shadow:
0 10px 40px rgba(0,0,0,0.35);

border-left:5px solid #2563eb;

transform:
translateX(120%);

opacity:0;

transition:all .5s ease;

backdrop-filter:blur(10px);

}

.bist-notify.show{

transform:translateX(0);

opacity:1;

}

.bist-notify.green{

border-color:#16a34a;

}

.bist-notify.red{

border-color:#dc2626;

}

.bist-notify.blue{

border-color:#2563eb;

}

.notify-head{

font-size:12px;

font-weight:700;

letter-spacing:1px;

margin-bottom:10px;

opacity:.7;

}

.notify-body{

font-size:14px;

line-height:1.6;

font-weight:600;

}

@media(max-width:768px){

#bistNotifyWrap{

width:calc(100% - 20px);

right:10px;

left:10px;

}

}