#customToastContainer {
            position: fixed;
            bottom: 20px;
            right: 170px;
            
            display: flex;
            /* flex-direction: column-reverse;  */
            align-items: center; 
            gap: 0px; 
            z-index: 9999;
            pointer-events: none; 
        }


        .custom-toast i{
            font-size: 15px;
        }
        .custom-toast {
            background-color: white;
            color: #333;
            padding: 12px 20px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: center;
            gap: 10px;
            width: 280px;

            position: absolute;
            transform-origin: center bottom;
transform: translateY(calc(var(--toast-offset-y, 0px) + 100vh)) translateX(var(--toast-offset-x, 0px)) scale(var(--toast-scale, 1));
            

            opacity: 0; 
            transition: all 0.4s ease, transform 0.4s ease, opacity 0.4s ease;
            pointer-events: auto;
        }

        .custom-toast.show {
            transform: translateY(var(--toast-offset-y, 0px)) translateX(var(--toast-offset-x, 0px)) scale(var(--toast-scale, 1));
            opacity: 1;
        }
        .custom-toast .toast-icon {
            font-size: 1.2em;
        }

        .custom-toast.success .toast-icon {
            color: black;
        }

        .custom-toast.error .toast-icon {
            color: #dc3545; 
        }
        .toast-message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-size: 15px;
}