.toast-container{
    position:fixed;
    top:20px;
    right:20px;
    left:auto;
    bottom:auto;
    z-index:99999;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
    pointer-events:none;
    contain:layout style;
}

.toast-container.pb-toast-pos--top-left{top:20px;left:20px;right:auto;bottom:auto;align-items:flex-start}
.toast-container.pb-toast-pos--top-right{top:20px;right:20px;left:auto;bottom:auto;align-items:flex-end}
.toast-container.pb-toast-pos--bottom-left{bottom:20px;left:20px;right:auto;top:auto;align-items:flex-start;flex-direction:column-reverse}
.toast-container.pb-toast-pos--bottom-right{bottom:20px;right:20px;left:auto;top:auto;align-items:flex-end;flex-direction:column-reverse}
.toast-container.pb-toast-pos--top-center{top:20px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);align-items:center}
.toast-container.pb-toast-pos--bottom-center{bottom:20px;left:50%;right:auto;top:auto;transform:translateX(-50%);align-items:center;flex-direction:column-reverse}

.toast-wrapper{
    pointer-events:none;
}

.toast{
    position:relative;
    display:flex;
    flex-direction:column-reverse;
    width:260px;
    min-height:42px;
    padding:10px 12px 12px 46px;
    border-radius:12px;
    background:#15161c;
    border:1px solid rgba(255,255,255,.07);
    color:#9497a6;
    font-size:11.5px;
    font-weight:500;
    line-height:1.35;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.02);
    pointer-events:auto;
    cursor:pointer;
    transform:translateZ(0);
    animation:pbToastIn .26s cubic-bezier(.22,1,.36,1);
}

.toast.is-leaving{
    animation:pbToastOut .2s cubic-bezier(.4,0,1,1) forwards;
}

.toast__text{
    display:block;
    overflow-wrap:anywhere;
}

.toast:before{
    content:"";
    position:absolute;
    top:9px;
    left:9px;
    width:26px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:12px;
    font-weight:800;
    line-height:1;
}

.toast:after{
    content:attr(data-toast-label);
    display:block;
    margin-bottom:2px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.01em;
}

.toast--success{border-color:rgba(34,197,94,.18)}
.toast--success:before{content:"\2713";color:#22c55e;background:rgba(34,197,94,.12);box-shadow:inset 0 0 0 1.5px rgba(34,197,94,.35)}
.toast--success:after{color:#22c55e}
.toast-progressbar--success{background:#22c55e}

.toast--error{border-color:rgba(239,68,68,.18)}
.toast--error:before{content:"\2715";color:#ef4444;background:rgba(239,68,68,.12);box-shadow:inset 0 0 0 1.5px rgba(239,68,68,.35)}
.toast--error:after{color:#ef4444}
.toast-progressbar--error{background:#ef4444}

.toast--warning{border-color:rgba(245,158,11,.18)}
.toast--warning:before{content:"!";color:#f59e0b;background:rgba(245,158,11,.12);box-shadow:inset 0 0 0 1.5px rgba(245,158,11,.35)}
.toast--warning:after{color:#f59e0b}
.toast-progressbar--warning{background:#f59e0b}

.toast--info{border-color:rgba(59,130,246,.18)}
.toast--info:before{content:"i";color:#3b82f6;background:rgba(59,130,246,.12);box-shadow:inset 0 0 0 1.5px rgba(59,130,246,.35)}
.toast--info:after{color:#3b82f6}
.toast-progressbar--info{background:#3b82f6}

.toast-progressbar{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    opacity:.9;
    border-radius:999px;
    transform-origin:left center;
    animation:pbToastBar linear forwards;
}

@keyframes pbToastIn{
    from{opacity:0;transform:translate3d(0,-8px,0) scale(.97)}
    to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@keyframes pbToastOut{
    from{opacity:1;transform:translate3d(0,0,0) scale(1)}
    to{opacity:0;transform:translate3d(0,-6px,0) scale(.97)}
}

@keyframes pbToastBar{
    from{transform:scaleX(1)}
    to{transform:scaleX(0)}
}

.pb-toast-pos--bottom-left .toast,
.pb-toast-pos--bottom-right .toast,
.pb-toast-pos--bottom-center .toast{
    animation-name:pbToastInUp;
}

@keyframes pbToastInUp{
    from{opacity:0;transform:translate3d(0,8px,0) scale(.97)}
    to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@media (max-width:575px){
    .toast-container{width:calc(100vw - 20px)}
    .toast{width:100%}
}

@media (prefers-reduced-motion:reduce){
    .toast{animation-duration:.01ms}
    .toast.is-leaving{animation-duration:.01ms}
    .toast-progressbar{animation:none;transform:scaleX(0)}
}