#j1-toast {
    background-color: var(--j1-toast-bg, #337ab7);
    border-radius: var(--j1-toast-border-radius, 6px);
    bottom: var(--j1-toast-bottom, 24px);
    box-shadow: var(--j1-toast-box-shadow, 0 4px 16px rgba(0, 0, 0, 0.2));
    color: var(--j1-toast-color, #fff);
    font-size: var(--j1-toast-font-size, 0.95rem);
    left: 50%;
    max-width: min(var(--j1-toast-max-width, 480px), calc(100vw - 32px));
    opacity: 0;
    padding: var(--j1-toast-padding, 12px 16px);
    pointer-events: none;
    position: fixed;
    transform: translate(-50%, 12px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: var(--j1-toast-z-index, 10000);
}

#j1-toast.j1-toast-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}

#j1-toast.j1-toast-info {
    --j1-toast-bg: #337ab7;
    --j1-toast-color: #fff;
}

#j1-toast.j1-toast-success {
    --j1-toast-bg: #5cb85c;
    --j1-toast-color: #fff;
}

#j1-toast.j1-toast-warning {
    --j1-toast-bg: #f0ad4e;
    --j1-toast-color: #222;
}

#j1-toast.j1-toast-error {
    --j1-toast-bg: #d9534f;
    --j1-toast-color: #fff;
}