/* ==========================
   Toast
========================== */

.lf-toast{

    position:fixed;

    top:30px;

    right:30px;

    min-width:280px;

    max-width:420px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 18px;

    border-radius:10px;

    color:#fff;

    font-size:14px;

    font-weight:500;

    box-shadow:0 12px 30px rgba(0,0,0,.15);

    opacity:0;

    visibility:hidden;

    transform:translateX(40px);

    transition:all .3s cubic-bezier(.22,1,.36,1);

    z-index:999999;

    pointer-events:none;

}

/* Show */

.lf-toast.show{

    opacity:1;

    visibility:visible;

    transform:translateX(0);

}

/* Types */

.lf-toast.success{

    background:#16A34A;

}

.lf-toast.warning{

    background:#F59E0B;

}

.lf-toast.error{

    background:#DC2626;

}

/* Icon */

.lf-toast-icon{

    font-size:18px;

    line-height:1;

}

/* Text */

#lf-toast-text{

    flex:1;

}

.lf-toast::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:3px;

    background:rgba(255,255,255,.35);

    animation:lf-toast-progress 3s linear forwards;

}

@keyframes lf-toast-progress{

    from{

        width:100%;

    }

    to{

        width:0;

    }

}