.ntfy-1-container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
}

.ntfy-1-templates {
    display: none;
}

.ntfy-1-toast {
    display: flex !important;
    align-items: center;
    gap: 15px;
    background: white;
    border-radius: 12px;
    padding: 25px;
    min-width: 350px;
    max-width: 450px;
    margin-bottom: 10px;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.3);
    border: 1px solid #E0E0E0;
    position: relative;
}

.ntfy-1-toast#ntfy-error {
    animation: shake-1 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.ntfy-1-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.ntfy-1-icon-success {
    color: #2ECA8B;
}

.ntfy-1-icon-error {
    color: #FF4B4B;
}

.ntfy-1-icon-info {
    color: #6366F1;
}

.ntfy-1-icon-warning {
    color: #F6A609;
}

.ntfy-1-message {
    flex-grow: 1;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

.ntfy-1-close {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #666;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.ntfy-1-close:hover {
    opacity: 1;
}

@keyframes shake-1 {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}