/* ==========================================================
   LOGIN MODAL
========================================================== */

#loginBackdrop{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.5);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:2000;
}

#loginBackdrop.show{

    display:flex;
}

#loginModal{

    width:420px;

    background:white;

    border-radius:20px;

    padding:32px;

    box-shadow:var(--shadow-lg);
}

/* ==========================================================
   TOAST
========================================================== */

#toast{

    position:fixed;

    bottom:20px;

    right:20px;

    background:var(--blueprint);

    color:white;

    padding:16px 24px;

    border-radius:12px;

    opacity:0;

    pointer-events:none;

    transition:.3s;

    z-index:2500;
}

#toast.show{

    opacity:1;
}