/* ==========================================================================
   Toast Notification Styles
   ========================================================================== */

.toast {
    position: fixed;
    top: 6rem;
    left: 50%;
    z-index: 10;
    width: 300px;
    transform: translateX(-150px);
    box-shadow: 11px 12px 7px 3px rgba(0, 0, 0, 0.3);
}

.toast.error {
    background-color: rgb(253, 137, 137);
}