.toast{
position:fixed;
bottom:var(--gap);
right:var(--gap);
background-color:var(--bgc);
border:var(--bw1) solid #fff;
color:#fff;
padding:12px 24px;
border-radius:var(--br0);
z-index:9999;
pointer-events:none;
overflow:hidden;
}
.toast.clickable{
pointer-events:auto;
}
.toast.persistent{
padding:12px 24px;
}
.toast-message{
position:relative;
z-index:2;
}
.toast-progress{
position:absolute;
top:0;
left:0;
height:100%;
width:0%;
background-color:rgba(255,255,255,0.2);
z-index:1;
transition:width 0.2s ease-in-out;
}
.toast.fade-out{
opacity:0;
transition:opacity 0.3s ease-out;
}
.toast-link,
.toast-link:visited{
color:var(--ac1);
text-decoration:none;
pointer-events:auto;
cursor:pointer;
}
.toast-link:hover{
text-decoration:underline;
}